iMac Slider effect

Hi, I’m trying to do a banner with the same sliding effect as the one found in the Apple iMac website: Apple - iMac - The ultimate all-in-one desktop computer.

Is there an existing jquery plugin that could achieve this? I was thinking of using jquery cycle and use different delays for the elements of each slide but is there an easier or better way to achieve this?


Using firebug I can see that it uses some unfamiliar styles:

-moz-transition-timing-function: cubic-bezier(0.25, 0, 0.25, 1); -moz-transform: translate(0pt, 0pt); -moz-transition-duration: 1000ms; opacity: 1;

Tried to google them but there is no result.

They are just using CSS3 there, which only works in a few browsers. That’s not related to the sliding gallery, though.

There are lots of nice sliding galleries online like this. It takes a bit of looking around to find one that suits your purposes. But Googling something like “jQuery slider” and “jQuery Carousel” will bring up lots of examples.