SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Apr 2011
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    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?

    Thanks

  2. #2
    SitePoint Member
    Join Date
    Apr 2011
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,200
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    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.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •