jQuery plugin

Hay gracantidad de plugin que pueden hacernos las cosas mucho más fáciles. Vamos a ver algunos ejemplos útiles.

 

CYCLE

Efectos de transición, se llama con cycle sobre el contenedor de los elementos.

http://jquery.malsup.com/cycle/

Los efectos disponibles son:

blindX, blindY, blindZ. cover, curtainX, curtainY, fade, fadeZoom, growX, growY, scrollUp, scrollDown, scrollLeft, scrollRight, scrollHorz, scrollVert, shuffle, slideX, slideY, toss, turnUp, turnDown, turnLeft, turnRight, uncover, wipe, zoom.

$('#galeria').cycle({ 
    fx:    'fade', 
    speed:  2500 
 });

Puede incluirse un botón de siguiente y previo_

$('#s2').cycle({
fx: 'fade',
speed: 'fast',
timeout: 0,
next: '#next2',
prev: '#prev2'
});

Se puede acceder a cualquier imagen del slide:

$('#s4')
.before('<div id="nav">')
.cycle({
fx: 'turnDown',
speed: 'fast',
timeout: 0,
pager: '#nav'
});

Puede pararse o poner en pause el slide.

$('#slideshow').cycle('stop');
$('#slideshow').cycle('pause');