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
:
Ver original<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
:
Ver original<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