Arme un Carrusel donde pasan las imagenes en forma
individual. Sin embago necesito mover esas imagenes en bloques de a 4 imagenes.
El plugin lo pueden ver aca:
Documentacion:
http://malsup.com/jquery/cycle/options.html
Ejemplo:
http://www.malsup.com/jquery/cycle/scrollhv.html
Código Javascript
:
Ver original<script type="text/javascript">
$(document).ready(function() {
$("#slide").cycle({
speed: 'slow',
timeout: 0,
sync: 1,
fx: 'scrollHorz',
next: '.next',
prev: '.previous'
});
$(function(){
$("img.roll").mouseover(function(){
$('.download').hide();
$(this).parents('.box').find('.download').show().css({ "visibility" : "visible" });
});
});
});
</script>
Código HTML:
Ver original<section id="slider" class="container"> <div id="slide"> <a href="[URL="http://www.forosdelweb.com/view-source:http://www.smuld.com/clientes/vintage-guitar/#"]#[/URL]"><img class="roll left" alt="Taylor" src="[URL="http://www.forosdelweb.com/view-source:http://www.smuld.com/clientes/vintage-guitar/img/vintage-guitar-img.png"]img/vintage-guitar-img.png[/URL]" /></a> <a href="[URL="http://www.forosdelweb.com/view-source:http://www.smuld.com/clientes/vintage-guitar/#"]#[/URL]"><img class="roll left" alt="Taylor" src="[URL="http://www.forosdelweb.com/view-source:http://www.smuld.com/clientes/vintage-guitar/img/vintage-guitar-img.png"]img/vintage-guitar-img.png[/URL]" /></a> <a href="[URL="http://www.forosdelweb.com/view-source:http://www.smuld.com/clientes/vintage-guitar/#"]#[/URL]"><img class="roll left" alt="Taylor" src="[URL="http://www.forosdelweb.com/view-source:http://www.smuld.com/clientes/vintage-guitar/img/vintage-guitar-img.png"]img/vintage-guitar-img.png[/URL]" /></a> <a href="[URL="http://www.forosdelweb.com/view-source:http://www.smuld.com/clientes/vintage-guitar/#"]#[/URL]"><img class="roll left" alt="Taylor" src="[URL="http://www.forosdelweb.com/view-source:http://www.smuld.com/clientes/vintage-guitar/img/vintage-guitar-img.png"]img/vintage-guitar-img.png[/URL]" /></a> </div> <a href="[URL="http://www.forosdelweb.com/view-source:http://www.smuld.com/clientes/vintage-guitar/#"]#[/URL]" class="previous"><img alt="Anterior" src="[URL="http://www.forosdelweb.com/view-source:http://www.smuld.com/clientes/vintage-guitar/img/vintage-back.png"]img/vintage-back.png[/URL]" /></a> <a href="[URL="http://www.forosdelweb.com/view-source:http://www.smuld.com/clientes/vintage-guitar/#"]#[/URL]" class="next"><img alt="Siguiente" src="[URL="http://www.forosdelweb.com/view-source:http://www.smuld.com/clientes/vintage-guitar/img/vintage-fw.png"]img/vintage-fw.png[/URL]" /></a> </section>