El problema que estaba intentando mostrarlas y ocultarlas por medio de DIVs, pero funciona, pero no me lo muestra centrado, sino atras como es con otras imagenes y tengo que estar rotando para que me muestre la imagen centrada.
El codigo del combo y la galeria de imagenes seria este:
Código :
$(document).ready(function(){ $("#combo").change(function(){ var op = $(this).find("option:selected").val(); $('#dg-container').css("display", "block"); }); }); <select id="combo"> <option value="image01">Mapa del Tesoro</option> <option value="image02">Dientes de Oro</option> </select> <section id="dg-container" class="dg-container"> <div class="dg-wrapper"> <a href="#"><img src="MapaDelTesoro711_01.jpg" alt="image01"></a> <a href="#"><img src="DientesDeOro710_01.jpg" alt="image02"></a> </div> <nav> <span class="dg-prev"><</span> <span class="dg-next">></span> </nav> </section>
Y la funcion que llama a la galeria de imagenes es esta:
<script type="text/javascript">
$(function() {
$('#dg-container').gallery();
});
</script/>