[SOLUCIONADO] Cómo poner varias galerias a la vez con el plugin SpaceGallery??

paty221 · #1 (**permalink**) 18/06/2013, 11:45

Hola!

He hecho una galería utilizando el plugin de jquery SpaceGallery y al poner solo una galería de este tipo me funciona. Mi problema llega a la hora de poner otra al lado. Lo que quiero es varias galerías como esta, que se va pasando la imagen al darle, para poner varios bloques de imágenes/galerías, unos al lado de otros. Pero nosé porque, solo me funciona bien el primero, en el segundo solo aparece la primera foto que he puesto y ya, sin el efecto de la galería, ni la posibilidad de ver más imágenes.

Esta es la pág del recurso: [URL="http://www.eyecon.ro/spacegallery"]http://www.eyecon.ro/spacegallery[/URL]

¿Alguien sabría decirme como hacer para que funcionen varias galerías a la vez?

Muchas gracias.

Este es mi código:

Código HTML:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Documento sin título</title>
<link rel="stylesheet" media="screen" type="text/css" href="css/spacegallery.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/eye.js"></script>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/spacegallery.js"></script>
<script type="text/javascript" src="js/spacegallery2.js"></script>
<script type="text/javascript">
    $(document).ready(function (){
        $('#myGallery').spacegallery({loadingClass: 'loading'});
		  $('#myGallery2').spacegallery2({loadingClass: 'loading'});
    });
</script>

</head>

<body>

<div id="global"><div id="contenido">
  
<div id="myGallery" class="spacegallery">
   <img src="galeria/2013/wex.jpg" width="290" height="193" alt="wex-imagen" />
   <img src="galeria/2013/wex2.jpg" width="290" height="193" alt="wex-imagen" />
    <img src="galeria/2013/wex3.jpg" width="290" height="193" alt="wex-imagen" />
    <img src="galeria/2013/logos/wex_logo.jpg" width="198" height="138" alt="wex" />
</div>

 <div id="myGallery" class="spacegallery">
   <img src="galeria/2013/logos/wex_logo.jpg" width="198" height="138" alt="wex" />
   <img src="galeria/2013/wex.jpg" width="290" height="193" alt="wex-imagen" />
   <img src="galeria/2013/wex2.jpg" width="290" height="193" alt="wex-imagen" />
    <img src="galeria/2013/wex3.jpg" width="290" height="193" alt="wex-imagen" />
</div>

</div>
</div>

</body>