Есть ли jQuery-плагин для слайд-шоу / слайд-шоу, который использует анимацию css3, когда она доступна? - PullRequest
4 голосов
/ 23 марта 2012

У меня вопрос, есть ли плагин, возможно, мало чем отличающийся от jQuery Cycle , который может обрабатывать и использовать переходы 3d transform / css3 для обработки анимаций, если они доступны?

Хороший вариант, который я нашел, - Flexslider (примечание: Flexslider не работает на 100% с jQuery 1.7), поскольку он хорошо работает на совместимость с событиями касания и прокрутки. Но я обнаружил, что когда вы хотите использовать другую анимацию, она не настолько расширяема.

Мне нужна анимация обложки (хотя я думаю, что демонстрация может быть немного повреждена, хотя слайд должен скользить с правой стороны влево по старому слайду), но я действительно просто заинтересован в плагин jQuery, который использует анимацию css3, где это возможно, и является расширяемым.

Должно иметь:

  • CSS3 Переходы, когда это возможно, откат для старых браузеров
  • Достаточно гибкий, чтобы связать следующее / предыдущее с событиями касания / прокрутки
  • Расширяемый / пригодный для использования, если у него еще нет готовой анимации обложки

Некоторые плюсы:

  • Готовая интеграция для касания / прокрутки
  • Навигация между слайдами
  • Крючки для до / после анимации

Хотя эти последние предметы я могу легко изготовить самостоятельно, если это необходимо, я просто не хочу начинать логику перехода, если кто-то умнее меня уже сделал это однажды и сделал его доступным ...

Чтобы быть ясно; Мне нужно это для поддержки мобильных устройств (iOS, Android), и в настоящее время переходы - это самый плавный способ получения любого активного контента, когда его принудительно ускоряют HW.

Точный вопрос не получил ответа, поэтому он все еще открыт и готов к ответу

Я присуждаю еще одну награду за точный ответ, если кто-нибудь сможет ее предоставить.

Ответы [ 7 ]

5 голосов
/ 29 марта 2012

Лично мне очень понравилось работать со Slicebox

http://tympanus.net/codrops/2011/09/05/slicebox-3d-image-slider/

Он имеет приятные 3D-переходы для способных браузеров, но изящно отступает в других браузерах.

2 голосов
/ 05 декабря 2012

Если ваш пример - цикл, попробуйте Cycle2 - поддержка отклика и принимайте переход Css (см. Переход API). http://jquery.malsup.com/cycle2/ Если вы хотите очень простое слайд-шоу, попробуйте tcycle.

http://jquery.malsup.com/cycle2/tcycle/basic.php

2 голосов
/ 31 марта 2012

royalslider может работать

или

http://tympanus.net/codrops/2010/06/27/beautiful-photo-stack-gallery-with-jquery-and-css3/

На сайте tympanus есть множество хороших примеров / учебных пособий.

1 голос
/ 01 апреля 2012

взгляните на http://www.sequencejs.com/. Не уверен, что это именно то, что вы ищете, но он использует анимацию CSS3 для слайдов

0 голосов
/ 01 апреля 2012

Попробуйте Cu3er. Отличная анимация. Расширяется через API. Отступать. Работы ...

http://getcu3er.com/

(Не jQuery, как таковой, а Javascript, и будет делать то, что вам нужно в вашем приложении, надежно и так же просто.)

Также: посмотрите Photoswipe ... который является jQuery и может быть изменен без особых усилий. Я использовал его для создания интересных и отзывчивых галерей изображений. Но слайдер является неотъемлемой частью его возможных установок.

http://www.photoswipe.com/

0 голосов
/ 26 марта 2012

Взгляните на изотоп, в него встроен запасной вариант.

http://isotope.metafizzy.co/docs/animating.html

0 голосов
/ 26 марта 2012

ваш вопрос не так уж актуален;позвольте мне объяснить ...

есть новая команда javascript под названием "requestAnimationFrame", которая в основном является javascript-эквивалентом переходов css3.он позволяет браузеру планировать события перерисовки, поэтому он хорошо оптимизирован.если доступно, это уже используется jquery под капотом.это означает, что он применяется к всем библиотекам, которые используют команду animate ().итак: не волнуйтесь, об этом позаботятся :)

обратите внимание, что на самом деле вы не можете иметь запасной вариант переходов CSS с анимацией JavaScript.эти два совершенно разные, и, таким образом, вы получите всевозможные странные различия в поведении.(это может быть хорошо для очень особых случаев, но вы быстро окажетесь в тупике).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...