Is there a jQuery / slideshow slider plugin that uses css3 animations when available?

Question

My question is, is there a plugin, possibly unlike jQuery Cycle , which can handle and use 3d transform / css3 transitions to handle animations if they are available?

A good option I found is Flexslider (note: Flexslider does not work 100% with jQuery 1.7) because it appreciates compatibility with touch and scroll events well. But I find that when you want to have a different animation, it is not so extensible.

I need a cover art (I think the demo may be a little broken, although the slide should move from the right side to the one left above the old slide), but I'm really only interested in the jQuery plugin, which uses css3 animation and expands where possible.

He must have:

• CSS3 Transitions, when possible, rollback for older browsers
• Flexible enough to bind next / previous to touch / scroll events.
• Expandable / usable if it doesn’t already have a finished cover animation

Some advantages will be:

• Ready integration for touch / scroll
• Navigation between slides
• Hooks for animation before / after animation

Although I can easily make these last elements, if necessary, I just do not want to start with the transition logic, if someone smarter than me has already done this once and made it available ...

Be clear; I need this to support mobile devices (iOS, Android), and transitions are currently the smoothest way to have any active content when HW is forcibly accelerated.

The exact question has not received an answer, so it is still open and is responsible for the answer

I will be rewarded with another award for an accurate answer, if anyone can provide it.

Answer 1

Personally, I really enjoyed working with Slicebox.

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

It has nice 3D transitions for capable browsers, but it drops gracefully in other browsers.

Answer 2

royalslider can work

or

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

There are tons of good examples / tutorials on tympanus.

Answer 3

If your example is a loop, try Cycle2 to respond to swippe support and accept the Css transition (see the API transition) http://jquery.malsup.com/cycle2/ If you want a very simple slideshow, try tcycle.

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

Answer 4

take a look at http://www.sequencejs.com/ . Not sure if this is exactly what you are looking for, but uses CSS3 animations for slides

Answer 5

Your question is not so important; let me explain ...

there is a new javascript command called "requestAnimationFrame" which is basically equivalent to javascript css3 transitions. it allows the browser to schedule redraw events so that it is well optimized. if available, this is already used by jquery under the hood. this means that it applies to all libraries that use the animate () command. therefore: do not worry, this will take care :)

Note that you really cannot have css transitions using javascript animation. these two are completely different, and so you get all kinds of strange differences in behavior. (this may be good for special occasions, but you will quickly end up in a dead end).

Answer 6

Try Cu3er. Great animations. Extends through API. Retreat. Work ...

http://getcu3er.com/

(Not jQuery itself, but Javascript, and will do what you need in your application, reliably and just as easily.)

Also: check out Photoswipe ... which is jQuery and can be changed without much effort. I used it to create interesting and responsive image galleries. But the slider is also an integral part of its possible settings.

http://www.photoswipe.com/

Answer 7

Take a look at the Isotope, it has an integrated reserve.

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