Hola a todos, resulta que he encontrado buenas galerias de imagenes en la web, y resulta que quiero hacer una funcionalidad onchange, que filtre las imagenes en la galeria de imagenes que tengo, estoy usando <b>3D Gallery with CSS3 & jQuery</b>, es muy bueno el ejemplo, pero usa HTML5, usa las etiqueta <nav> para la navegacion de las imagenes.
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 que esta usando era este:
Código:
$(document).ready(function(){
$("#combo").change(function(){
var op = $(this).find("option:selected").val();
$('#capa').html(op);
});
});
<section id="dg-container" class="dg-container">
<div class="dg-wrapper">
<div id="divImage01" class="style14" style="display:block">
<a href="#"><img src="MapaDelTesoro711_01.jpg" alt="image01"><div>http://www.colazionedamichy.it/</div></a>
</div>
<div id="divImage02" class="style14" style="display:block">
<a href="#"><img src="DientesDeOro710_01.jpg" alt="image02"><div>http://www.percivalclo.com/</div></a>
</div>
</div>
</div>
Y la funcion que llama a la galeria de imagenes es esta:
<script type="text/javascript">
$(function() {
$('#dg-container').gallery();
});
</script/>