SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Hybrid View

  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,097
    Mentioned
    448 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.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."


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
  •