Comunidad de diseño web y desarrollo en internet online

Consulta de como filtrar imagenes en una galeria de imagenes

Citar            
MensajeEscrito el 17 Jun 2013 05:40 pm
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 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">&lt;</span>
   <span class="dg-next">&gt;</span>
    </nav>
</section>


Y la funcion que llama a la galeria de imagenes es esta:

<script type="text/javascript">
$(function() {
$('#dg-container').gallery();
});
</script/>

Por Sumerio

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 19 Jun 2013 10:13 pm
En si que quieres hacer????

Por Rarufa

16 de clabLevel



 

chrome
Citar            
MensajeEscrito el 19 Jun 2013 11:21 pm

Rarufa escribió:

En si que quieres hacer????


Lo que quiero es que selecciono una opcion en el combo, y me filtre por imagen en la galeria de imagenes, pero hay unos problemas al entener el jquery implementado en la galeria.

Por Sumerio

1 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.