CMotion Image Gallery - Anyway to add arrows to each side that force scroll?

[bsjd00]

I absolutely LOVE the CMotion Image Gallery, but I've found that some people who load the page don't realize that the images scroll - they just think there are only a few thumbnails under the larger image.

I tried adding just images of arrows to the left and right, but that confused people even more - they then started trying to click the arrows, finding that nothing would happen.

Is there a way to set those arrow images to force the scroller to scroll left and right?

A BIG thank you to anyone who can help !

[jscheuer1]

A better idea might be to simply put some text under the cmotion gallery, something like:

Move your mouse over the above images to scroll them.

However, you can make links:


<a href="javascript:moveleft();"><img alt="Left Arrrow" title="Scroll Images Left" src="left_arrow.gif border="0"></a>

and:


<a href="javascript:moveright();"><img alt="Right Arrrow" title="Scroll Images Right" src="right_arrow.gif border="0"></a>

[bsjd00]

Thank you so much for your reply. I must be doing something wrong though, because the gallery does not scroll when I click on the image arrows I created using your HTML code. I know that the moveright and moveleft functions are being called when I click on the arrows, because I added in an alert at the beginning of each function to verify it was being called. But after the alert displays, nothing happens.

Do you have any idea what I might be doing wrong?

[Twey]

John, what on earth possessed you? You missed a quote :p

<a href="javascript:moveleft();"><img alt="Left Arrrow" title="Scroll Images Left" src="left_arrow.gif" border="0"></a>
Good old arrrows. What would we do without them? ;)

bsjd00: Can you give us a URI to your page?

[bsjd00]

I'm working on getting the pages uploaded to a server and will post the link here ASAP. Thank you both so much for you offers of help!

[jscheuer1]

Sorry folks it was late, here is a working method:


<a href="javascript:if (window.righttime){clearTimeout(righttime)};scrollspeed=1;moveleft();"><img alt="Left Arrrow" title="Scroll Images Left" src="left_arrow.gif" border="0"></a>

and:


<a href="javascript:if (window.lefttime){clearTimeout(lefttime)};scrollspeed=1;moveright();"><img alt="Right Arrrow" title="Scroll Images Right" src="right_arrow.gif" border="0"></a>

You may also want a:


<a href="javascript:if (window.lefttime){clearTimeout(lefttime)};if (window.righttime){clearTimeout(righttime)};"><img alt="Stop Button" title="Stop Images" src="stop.gif" border="0"></a>

[bsjd00]

I cannot thank you enough for all of your help.

But THANK YOU !