I'm looking for a slideshow script that's using a delay for the individual slide elements. Made preferably with jquery and with responsive webdesign in mind. It's easier to understand what i mean if you look at Apples version here

3 Answers 3


That appears to be a pure html5 and css3 slideshow using a <div> with a series of child <figure> elements, each of which contains part of the 'delayed' transition - basically each 'slide' is a group of several images starting their transitions at different times.

There doesn't appear to be an exact slideshow that meets your needs CCSlider (demo 4) allows movable texts appearing a sliding over an image, reveal.js also tilts towards some of these effects. MooTools slideshow allows timed child elements.


If you want to control it with jQuery I would suggest jQuery Tools from flowplayer it's what I use.



Sequence has a demo specifically aping Apple's style, particularly the iPhone 4s feature gallery. This one allows for arbitrary CSS animations(rotation, etc.)

LayerSlider isn't free(though only $7) and focuses on parallax animation from top/bottom/right/left. There's also a version integrated with WordPress(in case you use it) which can handle a bunch of the tedious animation configuration for you via UI; watch the tutorial video for details.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.