Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/11/2011, 13:29
opzina
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 16 años, 9 meses
Puntos: 21
(jQuery) Modificar jQuery cycle plugin

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
  1. <script type="text/javascript">
  2.  
  3.  
  4. $(document).ready(function() {
  5.         $("#slide").cycle({
  6.             speed:  'slow',
  7.             timeout: 0,
  8.             sync: 1,
  9.             fx: 'scrollHorz',
  10.             next: '.next',
  11.             prev: '.previous'
  12.         });
  13.  
  14.     $(function(){
  15.         $("img.roll").mouseover(function(){
  16.             $('.download').hide();
  17.             $(this).parents('.box').find('.download').show().css({ "visibility" : "visible" });
  18.         });
  19.        
  20.     });
  21.  
  22. });
  23. </script>

Código HTML:
Ver original
  1. <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>
__________________
_