JewelCarte Logo

Feature Demonstration: Cycle Transitions

Ideal for Banners, Mastheads, Inline Promos, Product Displays

Shuffle
$('#shuffle').cycle({
    fx:     'shuffle',
    easing: 'backout',
    delay:  -4000
});
Zoom
$('#zoom').cycle({
    fx:    'zoom',
	sync:  false,
    delay: -2000
});
Fade
$('#fade').cycle();
TurnDown
$('#slide').cycle({
    fx:      'turnDown',
    delay:   -4000
});
Curtain
$('#up').cycle({
    fx:    'curtainX',
    sync:  false,
    delay: -2000
 });
ScrollRight (click)
$('#right').cycle({
    fx:      'scrollRight',
    next:   '#right',
    timeout:  0,
    easing:  'backinout'
});

Notes: