Демонстрация JQuery Cycle Plugin. Часть 6

Создание своего эффекта перехода

$.fn.cycle.transitions.pinch = function($cont, $slides, opts) {
    var $el = $($slides[0]);
    var w = $el.width();
    var h = $el.height();
    opts.cssBefore = { top: 0, left: 0, width: 0, height: 0, zIndex: 1 };
    opts.animIn    = { width: w, height: h };
    opts.animOut   = { top: h, left: w, width: 0, height: 0 };
    opts.cssAfter  = { zIndex: 0 };
};

$('#s1').cycle('pinch');

$('#s2').cycle({ fx: 'pinch', delay: 2000 });