Problema con "Galleria" de JQuery
2 seguidores
Hola, estoy haciendo un trabajo en el que me han encargado una galería. La estoy haciendo con "Galleria", de JQuery ya que mis conocimientos de JQuery son nulos pero mi cliente la quiere así. El problema es que he hecho una galería y todo bien, pero cuando meto más de una en la misma página solo me funciona una y el resto no hace ni caso y se desconfigura por completo ¿hay alguna manera de arreglarlo?
the_wound
Pon un enlace o el código para que podamos echarte una mano. Así sin ver nada es dificil que alguien te pueda ayudar.
HerrRalf
Tienes razón, ahí va la retahíla...
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="src/galleria.js"></script>
<style>
.content{
color:#eee;
width:340px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.4;
}
#galleria{
height:390px;
}
</style>
</head>
<body onload="MM_preloadImages('img/inicio_seccion.jpg','img/socios_over.jpg','img/agenda_over.jpg','img/noticias_over.jpg','img/documentos_over.jpg','img/blog_over.jpg','img/agenda.jpg','img/noticias.jpg','img/documentos.jpg')">
<div id="navegador">
<a href="index.html" target="_self" onclick="MM_nbGroup('down','group1','inicio','img/inicio_seccion.jpg',1)" onmouseover="MM_nbGroup('over','inicio','img/inicio_seccion.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="img/inicio.jpg" alt="" name="inicio" border="0" id="inicio" onload=""/></a><br />
<a href="socios_junta.html" target="_self" onclick="MM_nbGroup('down','group1','socios','img/socios_over.jpg',1)" onmouseover="MM_nbGroup('over','socios','img/socios_over.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="img/socios.jpg" alt="" name="socios" border="0" id="socios" onload=""/></a>
<a href="agenda.html" target="_self" onclick="MM_nbGroup('down','group1','agenda','img/agenda_over.jpg',1)" onmouseover="MM_nbGroup('over','agenda','img/agenda_over.jpg','img/agenda.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="img/agenda.jpg" alt="" name="agenda" border="0" id="agenda" onload=""/></a>
<a href="noticias.html" target="_self" onclick="MM_nbGroup('down','group1','noticias','img/noticias_over.jpg',1)" onmouseover="MM_nbGroup('over','noticias','img/noticias_over.jpg','img/noticias.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="img/noticias.jpg" alt="" name="noticias" border="0" id="noticias" onload=""/></a>
<a href="documentos.html" target="_self" onclick="MM_nbGroup('down','group1','documentos','img/documentos_over.jpg',1)" onmouseover="MM_nbGroup('over','documentos','img/documentos_over.jpg','img/documentos.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="img/documentos.jpg" alt="" name="documentos" border="0" id="documentos" onload=""/></a>
<a href="http://propellermadrid.blogspot.com/" target="_self" onclick="MM_nbGroup('down','group1','blog','',1)" onmouseover="MM_nbGroup('over','blog','img/blog_over.jpg','img/blog_over.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="img/blog.jpg" alt="" name="blog" border="0" id="blog" onload=""/></a>
</div>
<div class="cuerponoticias">
<div id="logo"><img src="img/barco_noticias.png" /></div>
<div id="orla">
<div class="bloqueizq">
<div class="noticia1"><img src="img/noticia1.jpg" />
<div class="titular1">LD Lines y la AP de Gijón presentan al Propeller Club de Madrid su autopista del mar</div>
<div id="ampliar"><a href="javascript:showLightbox();"><img src="img/noticia_completa.png" /></a></div>
<div class="indice1"><div id="fecha">Madrid, 16 de noviembre de 2010</div>
Fiel a su cita mensual, el Propeller Club International Port of Madrid ha celebrado su almuerzo de noviembre, que ha contado como invitados de honor con la presencia de Carlo Tamagni, responsable para España de LD Lines y socio del Propeller, y con Adriano Cadrecha, director de la Comunidad Portuaria de Gijón, quienes expusieron a los socios del club los detalles de los primeros meses de andadura de la nueva autopista del mar Gijón-Nantes/Saint Nazaire, los principales aspectos operativos del...
</div>
</div>
<div class="noticia2"><img src="img/noticia2.jpg" />
<div class="titular2">El Propeller Madrid analiza con Jesús Cuéllar la seguridad marítima</div>
<div id="ampliar"><a href="javascript:showLightbox1();"><img src="img/noticia_completa.png" /></a></div>
<div class="indice2"><div id="fecha">Madrid, 21 de septiembre de 2010</div>
El Propeller Club International Port of Madrid ha retomado la actividad tras el descanso vacacional con la celebración de su habitual comida mensual, que en este mes de septiembre ha contado con Jesús Cuéllar, director de Desarrollo de Negocio Marítimo y Aéreo de Schenker-Spain Tir España, como invitado de honor.
La intervención de Cuéllar, ex-presidente de FETEIA y ex-presidente de ATEIA Madrid, ante los socios del Propeller presentes se centró en la seguridad y sus...
</div>
</div>
</div>
<div class="bloqueder">
<div class="noticia3"><img src="img/noticia3.jpg" />
<div class="titular3">Entrega de Diplomas</div>
<div id="ampliar"><a href="javascript:showLightbox2();"><img src="img/noticia_completa.png" /></a></div>
<div class="indice3"><div id="fecha">Madrid, Julio-Noviembre 2010</div>
El Propeller Club International Port of Madrid ha venido entregando en los últimos meses de forma gradual los diplomas que acreditan a sus socios como miembros de pleno derecho de la entidad. En todos los casos, el acto ha servido de reconocimiento a la labor activa de cada uno de ellos y con mayor significación en el caso de quienes participaron de forma directa en la constitución de la entidad.
</div>
</div>
<div class="noticia4"><img src="img/noticia4.jpg" />
<div class="titular4">El Propeller Club Madrid conoce in situ la operativa del Puerto Seco de Coslada</div>
<div id="ampliar"><a href="javascript:showLightbox3();"><img src="img/noticia_completa.png" /></a></div>
<div class="indice4"><div id="fecha">Coslada, 19 de octubre de 2010</div>
Demostrando su capacidad de convocatoria, el Propeller Club International Port of Madrid ha liderado una delegación del sector logístico madrileño que, con el objetivo de conocer in situ la actividad y operativa del Puerto Seco de Coslada, ha visitado la terminal intermodal coincidiendo con su habitual cita mensual.
El Propeller atendía así a la inquietud de los socios y a la invitación que en la comida del mes de julio realizaron a todos los miembros del club Jaime Seijas, gerente de la...
</div>
</div>
</div>
</div>
<div id="contacto">
<div id="textocontacto">
THE PROPELLER CLUB INTERNATIONAL PORT OF MADRID <br />
C/ Orense 37, 5º A | 28020 Madrid | Tel. 91 555 12 25 | Fax 91 556 85 84 | secretaria@propellermadrid.com
</div>
</div>
</div>
<div id="over" class="overbox">
<div id="content">
<div class="imagennoticia"><img src="img/noticias/1_1.jpg" /></div>
<div id="titulo">LD Lines y la AP de Gijón presentan al Propeller Club de Madrid su autopista del mar</div>
<div id="noticiaampliada"><div id="sub">Madrid, 16 de noviembre de 2010</div>
Fiel a su cita mensual, el Propeller Club International Port of Madrid ha celebrado su almuerzo de noviembre, que ha contado como invitados de honor con la presencia de Carlo Tamagni, responsable para España de LD Lines y socio del Propeller, y con Adriano Cadrecha, director de la Comunidad Portuaria de Gijón, quienes expusieron a los socios del club los detalles de los primeros meses de andadura de la nueva autopista del mar Gijón-Nantes/Saint Nazaire, los principales aspectos operativos del servicio, su orientación, sus ventajas, su potencial desarrollo, su estrategia a corto, medio y largo plazo, las dificultades y retos en el desarrollo del proyecto y la apuesta de futuro.
A partir de ahí, en el coloquio se debatió sobre el futuro del short sea shipping, la idoneidad del instrumento de las autopistas del mar para el impulso del transporte marítimo de corta distancia y la intermodalidad, las dificultades que tiene el desarrollo de este tipo de servicios y su papel futuro en la cadena logística.</div>
<a href="javascript:hideLightbox();">Cerrar</a>
</div>
</div>
<div id="fade" class="fadebox">&nbsp;</div>
<div id="over1" class="overbox">
<div id="content">
<div class="imagennoticia"><img src="img/noticias/2_1.jpg" /></div>
<div id="titulo">El Propeller Madrid analiza con Jesús Cuéllar la seguridad marítima</div>
<div id="noticiaampliada"><div id="sub">Madrid, 21 de septiembre de 2010</div>
El Propeller Club International Port of Madrid ha retomado la actividad tras el descanso vacacional con la celebración de su habitual comida mensual, que en este mes de septiembre ha contado con Jesús Cuéllar, director de Desarrollo de Negocio Marítimo y Aéreo de Schenker-Spain Tir España, como invitado de honor.
La intervención de Cuéllar, ex-presidente de FETEIA y ex-presidente de ATEIA Madrid, ante los socios del Propeller presentes se centró en la seguridad y sus implicaciones en el tráfico marítimo, con especial detenimiento en el análisis de todas las normativas que relacionadas con la seguridad están determinando en la actualidad de una u otra forma el tráfico marítimo mundial, añadiendo complejidad a los procesos, costes y dificultades en el comercio internacional.
La exposición de Cuéllar dio pie a un intenso debate en el que los socios expusieron sus experiencias en el campo de la seguridad y los ámbitos que consideran deberían mejorar para no afectar a la competitividad de la cadena logística.</div>
<a href="javascript:hideLightbox1();">Cerrar</a>
</div>
</div>
<div id="fade1" class="fadebox">&nbsp;</div>
<div id="over2" class="overbox">
<div id="content">
<div class="content">
<div id="galleria">
<img src="img/noticias/noticia3/3_1.jpg">
<img src="img/noticias/noticia3/3_2.jpg">
<img src="img/noticias/noticia3/3_3.jpg">
<img src="img/noticias/noticia3/3_4.jpg">
<img src="img/noticias/noticia3/3_5.jpg">
<img src="img/noticias/noticia3/3_6.jpg">
<img src="img/noticias/noticia3/3_7.jpg">
<img src="img/noticias/noticia3/3_8.jpg">
<img src="img/noticias/noticia3/3_9.jpg">
<img src="img/noticias/noticia3/3_10.jpg">
<img src="img/noticias/noticia3/3_11.jpg">
<img src="img/noticias/noticia3/3_12.jpg">
<img src="img/noticias/noticia3/3_13.jpg">
<img src="img/noticias/noticia3/3_14.jpg">
<img src="img/noticias/noticia3/3_15.jpg">
<img src="img/noticias/noticia3/3_16.jpg">
</div>
</div>
<div id="titulo">Entrega de Diplomas</div>
<div id="noticiaampliada"><div id="sub">Madrid, Julio-Noviembre 2010</div>
El Propeller Club International Port of Madrid ha venido entregando en los últimos meses de forma gradual los diplomas que acreditan a sus socios como miembros de pleno derecho de la entidad. En todos los casos, el acto ha servido de reconocimiento a la labor activa de cada uno de ellos y con mayor significación en el caso de quienes participaron de forma directa en la constitución de la entidad.</div>
<a href="javascript:hideLightbox2();">Cerrar</a>
</div>
</div>
<div id="fade2" class="fadebox">&nbsp;</div>
<div id="over3" class="overbox">
<div id="content">
<!-- <div class="imagennoticia"><img src="img/noticias/4_1.jpg" /></div>
-->
<div class="content">
<div id="galleria">
<img src="img/noticias/noticia4/4_1.jpg">
<img src="img/noticias/noticia4/4_2.jpg">
<img src="img/noticias/noticia4/4_3.jpg">
<img src="img/noticias/noticia4/4_4.jpg">
<img src="img/noticias/noticia4/4_5.jpg">
<img src="img/noticias/noticia4/4_6.jpg">
<img src="img/noticias/noticia4/4_7.jpg">
<img src="img/noticias/noticia4/4_8.jpg">
<img src="img/noticias/noticia4/4_9.jpg">
<img src="img/noticias/noticia4/4_10.jpg">
<img src="img/noticias/noticia4/4_11.jpg">
<img src="img/noticias/noticia4/4_12.jpg">
</div>
</div>
<div id="titulo">El Propeller Club Madrid conoce in situ la operativa del Puerto Seco de Coslada</div>
<div id="noticiaampliada"><div id="sub">Coslada, 19 de octubre de 2010</div>
Demostrando su capacidad de convocatoria, el Propeller Club International Port of Madrid ha liderado una delegación del sector logístico madrileño que, con el objetivo de conocer in situ la actividad y operativa del Puerto Seco de Coslada, ha visitado la terminal intermodal coincidiendo con su habitual cita mensual.
El Propeller atendía así a la inquietud de los socios y a la invitación que en la comida del mes de julio realizaron a todos los miembros del club Jaime Seijas, gerente de la Sociedad Puerto Seco de Madrid, y Carlos Romero, gerente de Conte-Rail.
Durante la visita, los socios e invitados recorrieron las instalaciones, atendieron a las explicaciones sobre el funcionamiento de la terminal y plantearon distintas cuestiones estratégicas y operativas.
Posteriormente se celebró una comida en la que los presentes debatieron intensamente sobre el futuro del ferrocarril, el mapa ferroviario madrileño, las necesidades que Madrid tiene en lo relativo al transporte de mercancías por tren y los requerimientos estratégicos a corto, medio y largo plazo.</div>
<a href="javascript:hideLightbox3();">Cerrar</a>
</div>
</div>
<div id="fade3" class="fadebox">&nbsp;</div>
<script>
// Load the classic theme
Galleria.loadTheme('src/themes/classic/galleria.classic.js');
// Initialize Galleria
$('#galleria').galleria();
debug: true
</script>
</body>
</html>
HerrRalf
He añadido este script al final pero ahora solo me muestra una galería y para ver las otras debo recargar la página (así con todas):
<script>
Galleria.loadTheme('src/themes/classic/galleria.classic.js');
$('#galleria1,#galleria2,#galleria3,#galleria4').galleria({
_show_caption: true,
height: 350,
clicknext: true,
});
</script>