Horizontal Scroll similar to iTunes

Discussion in 'Web Design and Development' started by Craigy, Feb 5, 2008.

  1. Craigy macrumors 6502

    Joined:
    Jan 14, 2003
    Location:
    New Zealand
    #1
    Hi

    We need to create a horizontally scrolling div such as the ones on the top of the current apple.com/itunes page http://www.apple.com/itunes. I've taken a Look at scriptalicious / Prototype etc - but could not find any examples and some of it was a little over my head! I'm OK with getting JS to work - like lightbox for example but I have my limits...:)

    I did find this example that we could reverse engineer http://www.blueshoes.org/_bsJavascript/components/scrollablediv/examples/example2.html but it did not have the ease in/out acceleration motion that make the Apple one look so sweet.

    Is anyone aware of any scripts that are similar to what I'm looking for?

    Thanks
     
  2. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #2
    To be honest I'm not sure they're using JavaScript for scrolling. It only needs CSS to do something like that. Check out the CSS property 'overflow' to see how it can be used for this situation.

    * OK, just noticed I had JavaScript turned off :)

    So guess the JavaScript is just controlling the scroll area since it works fine without JavaScript, just without looking as nice. They've got too much JavaScript to see exactly what they're doing. I don't know of any scripts off hand for this, but wouldn't be overly hard to create. If I come across any I'll pot links.
     
  3. Craigy thread starter macrumors 6502

    Joined:
    Jan 14, 2003
    Location:
    New Zealand
    #3
    Thanks. Because this is for one of our customers. If there are any members who would be up to taking up the brief (photoshop mock up and some criteria) - I'd be willing to pay!
     

Share This Page