Hola a todos, tengo un problema en un carrusel creado en jquery, la cuestion es que cuando los items del carrusel(thumbs) se encuentran en reposo los estilos se ven muy bien, pero al ejecutar el javascript para mi animacion todas mis imagenes quedan encima, en el mismo espacio, aqui dejo mi codigo 1 poco resumido ya que es mas complejo
Código HTML:
<body>
<div class="thumbs-wrapper">
<div class="thumbs">
<img src="images/proyect1/1x.jpg"/>
<img src="images/proyect1/2x.jpg"/>
</div>
</div>
<script id="previewTmpl" type="text/x-jquery-tmpl">
<div id="ib-img-preview" class="ib-preview">
<img src="${src}" alt="" class="ib-preview-img"/>
<div class="project-descr-full">
<div class="thumbs-wrapper">
<div class="thumbs">{{html thumbs}}</div>
</div>
</div>
</div>
</script>
<body> y mi JS:
Código:
var thumbs = $item.children('div.thumbs-wrapper').html(),
largeImageData = { thumbs : thumbs,};
var $this = $(this);
$thumbs = $this.find('div.thumbs-wrapper').show();
Gracias si alguien me comprende, llevo bastante tiempo dandole vueltas :S