Results 1 to 7 of 7

Thread: Help with Jason Moon PreLoad Slideshow

  1. #1
    Join Date
    Sep 2007
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Help with Jason Moon PreLoad Slideshow

    1) Script Title: Preloaded Slidescript Show

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...eloadslide.htm

    3) Describe problem:
    I've searched the forum, but have come up empty on my question.
    I have set up Jason Moon's script and it works fine.
    My only question is - How can I change the buttons to an image(gif) of my own? Is there a way to do this? I am working on a photographers website and have a specific arrow I would like to use in place of the buttons currently in use.
    Thank you!!

  2. #2
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    Code:
    <td><input type="button" name="Previous" src="path/to/your/image.gif"
     onclick="ShowSlide(-1)"></td>
       <td align="right"><input type="button" name="Next" src="path/to/your/image.gif" onclick="ShowSlide(1)"></td>
    or

    Code:
    <a href="javascript:ShowSlide(-1)"><img src="path/to/image.gif" alt="alternate_description"></a>
    <a href="javascript:ShowSlide(1)"><img src="path/to/image.gif" alt="alternate_description"></a>

  3. #3
    Join Date
    Sep 2007
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks Boogyman...again!

  4. #4
    Join Date
    Sep 2007
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Ok, so I have managed to add my arrows and they do work to advance the slideshow. Now my issue is that there is still a button next to the arrow that I can't seem to get rid of. I tried my best, but couldn't figure it out.
    I attatched a screenshot to show you. It is the circle next to the arrow. It shows up differently in different browsers. Thanks again for any help.
    Here is a link to the live web page.
    http://staceydoylephotography.com/AnneMorganTest.html

  5. #5
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    Code:
    <tr>
       <td><input name="Previous" type="button">
    <img src="Photoshop/NewArrow1copy.gif" alt="next" onclick="ShowSlide(-1)" border="0" height="15" width="34"></td>
       <td align="right"><input name="Next" type="button">
    <img src="Photoshop/NewArrow2copy.gif" alt="back" onclick="ShowSlide(1)" border="0" height="15" width="34"></td>
    </tr></tbody></table>
    <p>&nbsp;</p></form></div>
    delete the buttons in yellow

  6. #6
    Join Date
    Sep 2007
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Ok, I'll do that. Unfortunately Im at work and will need to wait to get home tonight. Thanks again!!

  7. #7
    Join Date
    Sep 2007
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    So I tried your suggestion which seemed like the logical thing to do. This is what I am left with(see link). I must have screwed something else up I guess? It doesn't seem to make sense that deleted those two lines would result in this. I can go back to what I had, but wanted to show you to see if you had an idea why this happened.
    http://www.staceydoylephotography.co...organTest.html

    Thanks!

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
  •