jomsfx — 2011-05-22T07:22:01-04:00 — #1
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?
jomsfx — 2011-05-22T19:57:56-04:00 — #2
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.
ralphm — 2011-05-22T20:03:36-04:00 — #3
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.