Ver Mensaje Individual
  #3 (permalink)  
Antiguo 16/04/2013, 06:20
Avatar de JeMaGa
JeMaGa
 
Fecha de Ingreso: julio-2011
Ubicación: Bogota
Mensajes: 430
Antigüedad: 12 años, 9 meses
Puntos: 4
Respuesta: No funciona galeria de imagenes

No, esta local por el momento. pero es que no se, tengo un div que se encarga de las pestañas, contenido y todo. todo este archivo ocmpleto es mi index

Código HTML:
Ver original
  1.  
  2.     <title>.:LABORATORIOS SFC LTDA:.</title>
  3.     <link rel="shortcut icon" href="imagenes/logito.ico" />
  4.     <link type="text/css" rel="stylesheet" href="main.css"/>
  5.  
  6.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7.         <link rel="stylesheet" href="css/jMenu.jquery.css" type="text/css" />
  8.        
  9.  
  10.        
  11.         <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  12.         <script type="text/javascript" src="js/jquery-ui.js"></script>
  13.         <script type="text/javascript" src="js/jMenu.jquery.js"></script>
  14.  
  15.            
  16. </head>
  17.  
  18. <script type="text/javascript">
  19. $(document).ready(function() {
  20. $("#jMenu").jMenu();
  21. });
  22.  
  23.  
  24.   $(document).ready(function(){ // Script del menú con pestañas
  25.     $('#contenido_pestanas div').css('position', 'absolute').not(':first').hide();
  26.     $('#contenido_pestanas ul li:first a').addClass('aqui');
  27.     $('#contenido_pestanas a').click(function(){
  28.         $('#contenido_pestanas a').removeClass('aqui');
  29.         $(this).addClass('aqui');
  30.         $('#contenido_pestanas div').fadeOut(350).filter(this.hash).fadeIn(350);
  31.         return false;
  32.        
  33.     });
  34.  });
  35. </script>
  36.  
  37. <div id="mostar" align="center" style="background-color:transparent">
  38.  
  39.     <div id="contenido_pestanas" align="center">
  40.    
  41.             <ul id="jMenu">
  42.    
  43.                   <li><a href="#opcion1" title="Opción 1"><img src="imagenes/icono.png" width="23" height="23"><br>INICIO</a></li>
  44.    
  45.    
  46.                   <li><a href="#opcion2" title="Opcion 2"><img src="imagenes/servicios.png" width="23" height="23"><br>SERVICIOS</a></li>
  47.    
  48.    
  49.                 <li>
  50.                     <a class="fNiv"><img src="imagenes/producto.png" width="23" height="23"><br>PRODUCTOS</a>
  51.                     <ul>
  52.                         <li class="arrow"></li>
  53.                         <li>
  54.                             <a>Antibioticos</a>
  55.                             <ul>
  56.                                 <li><a>Bovinos</a></li>
  57.                                 <li><a>Equinos</a></li>
  58.                                 <li><a>Porcinos</a></li>
  59.                                 <li><a>Ovinos</a></li>
  60.                                 <li><a>Caprinos</a></li>
  61.                                 <li><a>Gatos</a></li>
  62.                                 <li><a>Caninos</a></li>
  63.                                 <li><a>Aves</a></li>
  64.                             </ul>
  65.                         </li>
  66.                         <li><a>Modigold SFC</a></li>
  67.                         <li><a>Ivermectina 3.15% L.A</a></li>
  68.                     </ul>
  69.                 </li>
  70.    
  71.                     <li><a href="#opcion3" title="Opcion 3"><img src="imagenes/nosotros.png" width="23" height="23"/><br>NOSOTROS</a></li>
  72.                     <li><a href="#opcion4" title="Opcion 4"><img src="imagenes/contacto2.png" width="23" height="23" ><br>CONTACTENOS</a></li>
  73.    
  74.             </ul>
  75.  
  76.               <div id="opcion1">
  77.                     <h3><b>INICIO</b></h3></br>
  78.                         <p>
  79.                          
  80.                         </p>
  81.               </div>
  82.                
  83.                <div id="opcion2">
  84.                   <h3><b>SERVICIOS PRESTADOS</b></h3></br>
  85.                       <p>
  86.                         estos son los sevicios prestados
  87.                       </p>
  88.                </div>
  89.                
  90.                
  91.               <div id="opcion3">
  92.                 <h3><b>LABORATORIOS SFC LTDA</b> </h3></br>
  93.                     <p>
  94.                       <?php include('nosotros.php');?>
  95.                     </p>
  96.               </div>
  97.                
  98.               <div id="opcion4">
  99.                 <b><h3>CONTACTENOS</h3></b></br>
  100.                     <p>&nbsp;
  101.                        <?php include('contacto.php');?>
  102.                     </p>   
  103.               </div>
  104.              
  105.     </div><!-- Fin contenido_pestanas-->  
  106.    
  107. </div>
  108.  
  109. </body>
  110. </html>

necesito poner en el inicio una galeria de imagenes entonces tengo un aque encontre en internet con jquery, si ejecuto solo el archivo que me contiene la galeria me funciona bien pero cunaod la incluyo en mi index me desorganiza todo.

ya ni funciona el index y la galeria se muestra sin formato.
no se si ahora i me hice entender. esta es mi archivo de galeria

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4.  
  5.     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  6.     <script type="text/javascript" src="coin-slider.js"></script>
  7.    
  8. </head>
  9.  
  10.  
  11. <div id="games">
  12.        
  13.                 <p align="center"><img src="imagenes/contacto2.png" alt="Mini Ninjas" />
  14.                   <span></span>
  15.                  
  16.                   <img src="imagenes/contacto.png" alt="Price of Persia" />
  17.                  
  18.                   <img src="imagenes/icono.png" alt="Spiderman: Shattered Dimensions" />
  19.                  
  20.                   <img src="imagenes/nosotros.png" alt="Brink" />
  21.                  
  22.                   <img src="imagenes/servicios.png" alt="God of War III" />
  23.                  
  24.                   <img src="imagenes/producto.png" alt="Borderlands" /></p>
  25.                 <p align="center"><img src="imagenes/" alt="Star Wars: The Old Republic" />
  26.                  
  27.                  
  28. </div>
  29.         <div align="center"> </div>
  30.         <script>
  31.             $('#games').coinslider();
  32.         </script>
  33. </body>
  34. </html>

Agradezco toda la ayuda posible y si no, me podrian colaborar indicandome como puedo sacar la galeria

Gracias :)