Horizontal Scroll similar to iTunes

[Craigy]

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

 

[angelwatt]

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.

 

[Craigy]

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.

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!

 

[angelwatt]

Some links I found:

• http://www.hesido.com/web.php?page=customscrollbar
• http://www.dhtmlgoodies.com/index.html?page=smallscripts 3rd from bottom