Se cruzan imagenes de galerías

[nh2006]

Hola amigos,

Nuevamente pidiéndoles su ayuda.

Tengo un menú principal como el siguiente:

Galerías de Imágenes:
--->Galería 1
--->Galería 2
--->Galería 3


Cada opción del menú manda a llamar a sus respectiva galería la cual estoy trabajando con "coin slider", en cada página que corresponde a cada una de las tres opciones del menú tengo esto:

Código Javascript:

<script type="text/javascript">
    $(document).ready(function() {
        $('#coin-slider').coinslider();
    }); 
</script>
 

Si selecciono la opción "Galería 1" se cargan todas sus imagenes con la librería del coin slider y marcha bien, el problema está que cuando cargo "Galería 2" ó "Galería 3" se empiezan a cruzar las imagenes de todas las galerias de las opciones que se han visitado.

He intentado con empty así:

Código Javascript:

<script type="text/javascript">
    $(document).ready(function() {
                $('#coin-slider').empty();
        $('#coin-slider').coinslider();
    }); 
</script>
 

y nada, solo se carga la primera imagen y de ahi se queda en blanco todo. Se me ocurre que podría hacer $('#coin-slider').empty(); solo una vez, pero no sé como se hace para que se dispare una sola vez, alguien que me pueda hacer el favor de ayudarme con esto, o mejor aún que me indique cómo podría hacer para que las imágenes de diferentes galerías no se crucen.

desde ya se los agradezco

[LionCode]

Seguramente coin slider este haciendo un .append al div donde coloca las imagenes fijate en su script si crea una clase tipo .coin_slider por cada foto añadida y asi lo unico que tendrias que hacer seria $('.laclasequeledecoinslider').close() al cerrar cada galeria

[nh2006]

Hola,

Te agradezco mucho tu repuesta y la voy a tener en cuenta para una nueva aplicación que estoy trabajando, en esta ocasion terminé cambiando de galería, pero sin duda tu aporte me va a sacar de aguas.

saludos