Results 1 to 7 of 7

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

  1. #1
    Join Date
    Jan 2006
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

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

    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 !

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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:

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

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

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jan 2006
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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?

  4. #4
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    John, what on earth possessed you? You missed a quote
    Code:
    <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?
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends franšais | entiendo espa˝ol | t˘i Ýt hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  5. #5
    Join Date
    Jan 2006
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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!

  6. #6
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

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

    HTML Code:
    <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:

    HTML Code:
    <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:

    HTML Code:
    <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>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  7. #7
    Join Date
    Jan 2006
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I cannot thank you enough for all of your help.

    But THANK YOU !

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •