PDA

View Full Version : CMotion Image Gallery - Anyway to add arrows to each side that force scroll?



bsjd00
01-14-2006, 01:08 AM
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
01-14-2006, 08:10 AM
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
01-14-2006, 04:13 PM
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
01-14-2006, 05:00 PM
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
01-14-2006, 05:25 PM
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
01-14-2006, 05:59 PM
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
01-14-2006, 06:40 PM
I cannot thank you enough for all of your help.

But THANK YOU !