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/>
