Есть ли способ создать полосовые эффекты перехода, похожие на Nivo Slider с циклом jquery?

Question

Я большой поклонник jquery цикла плагина , но было бы здорово, если бы у него были более сложные эффекты перехода, подобные Nivo Slider или jqFancyTransistions .

Я понимаю суть того, как создавать пользовательские эффекты с циклом jquery, но мне трудно разобраться, как создать эффекты полосового перехода, похожие на слайдер nivo и jqfancytransitions или, если этовозможно вообще в цикле jquery.Любая помощь по этому вопросу будет принята с благодарностью.Спасибо!

Answer 1

Я набрал минимальную демонстрационную версию .Он написан как правильный плагин для циклического перехода jQuery.

В зависимости от того, насколько вы довольны игрой с кодом, он должен стать хорошей отправной точкой.Я сам начал работать с переходом в случайном порядке, так как он, казалось, был единственным переходом, который сделал больше, чем просто манипулировал свойствами CSS, что, как мне кажется, недостаточно для того, к чему вы стремились.Я никогда не использовал jQuery Cycle и не писал для него плагины перехода, вполне возможно, что я совершил кардинальные грехи в некоторых деталях его написания.

Кроме того, он, безусловно, может быть оптимизирован.На данном этапе это написано для ясности во-первых, производительность во-вторых.Однако на моей (довольно быстрой) машине время анимации и реакции плавно и мгновенно.

Итак, вот оно.

edit: demo page теперь включает в себя документацию по дополнительно раскрытым параметрам и несколько примеров, демонстрирующих, как добиться некоторых различных эффектов, просто передавая различные параметры.

edit 2: Я обобщил полосы на плитки и поместил еще много примеров в демонстрационная страница .