Horizontal Div overflow scroller, on image hover?

[lilpete]

Hi Guys,
First post, but I have used this website for ages for ideas and code for various websites.
My apologies if this is in the wrong place, I seem to manage to always get on the wrong side of the mods.. :rolleyes:

My problem is I can not find anywhere a script to make an image (left and right arrow) control the scrolling for a horizontal div that overflows to the right.

I am working on this site, it is in the building stage... http://www.test.steptoes.co.uk

So you can see the first horizontal index at the top of the page (shoes) has a standard scroller on it, I need to remove that and place an arrow at either end, then I want to hover on that arrow to scroll through the products from left to right, I have found a few scripts that go up and down, but I cant seem to convert them for horizontal scrolling.

I would be extremely pleased if anyone can find any such script, I have searched high and low. :confused:

Thanks for your time, I look forward to a reply.

[azoomer]

Can't come up with ideas that match exactly what you describe, but maybe you can use this instead ?
http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.htm

[lilpete]

i do like that! I will have a go at implementing that one.

Thanks azoomer!

[lilpete]

Azoomer, check it, it works!
http://www.test.steptoes.co.uk/

[azoomer]

That was quick. It works very well and you can adjust it further in the gallerystyle.css. I tried this

#motioncontainer a img {
border:none;
outline:none;
margin-top:24px;
}
#motioncontainer a:hover img {
border:none;
outline:none;
}
and thought it looked good. You could even set a background image in

#motioncontainer {
height:130px;
width:100%;
background:url("your-background-image.jpg");
}
if you want to have some arrows or some kind of indicators to help the users understand the functionality. But that's all up to you. Well done.

[lilpete]

Hi, Im back again, yeah, I thought I would get it done that afternoon, Ive been on a long weekend...
I have found that as soon as I add that script to any of the other tabs on that page it looses functionality.. I think it is due to duplicated id's.
Is there anyway to use this script more than once on a page?
Thanks for you help..

EDIT: Dont worry, started new thread on this question...
Dynamic Drive Forums > DD Scripts > Dynamic Drive scripts help > CMotion Gallery more than once on a page?