Advanced Search

Results 1 to 5 of 5

Thread: thumbnailviewer.js

  1. #1
    Join Date
    Nov 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default thumbnailviewer.js

    1) Script Title: thumbnailviewer.js

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

    3) Describe problem: I am using the script to show 6 large images from 6 thumbnails, however would like to show the 1st large image automatically on page load.

    What code changes are required to achieve this and where/which page do I need to edit?

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,699
    Thanks
    43
    Thanked 3,132 Times in 3,096 Posts
    Blog Entries
    12

    Default

    Where you have this or something like it:

    HTML Code:
    <div id="loadarea" style="width: 500px">
    This DIV will show my enlarged images!
    </div>
    Just put in the image you want, ex:

    HTML Code:
    <div id="loadarea" style="width: 500px">
    <img src="whatever.jpg" alt="">
    </div>
    You may even include a description if you like/have one for that image:

    HTML Code:
    <div id="loadarea" style="width: 500px">
    <img src="whatever.jpg" alt=""><br>
    Some descriptive text for the image
    </div>
    In fact, you may place any ordinary valid HTML code in there that you like. It will be overwritten once a thumbnail is activated.
    - John
    ________________________

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

  3. #3
    Join Date
    Nov 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    John, that must be the fastest response time I've ever had from a forum question. Thank you so much.

    And best of all it works a treat!!

    Example is here:Disabled Holidays

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,699
    Thanks
    43
    Thanked 3,132 Times in 3,096 Posts
    Blog Entries
    12

    Default

    You've got an error on the page. Wherever you have:

    HTML Code:
    onmouseover="setcolorpicidx(2);"
    which is in several places, since setcolorpicidx is not defined, it throws an error when the mouse moves over these images that have that associated with them. Most browsers ignore this, only reporting it if you look at their console. But in IE, you get the dreaded yellow triangle in the status bar and it stops the thumbnail script from working. So either define that function, or remove those onmouseover calls.
    - John
    ________________________

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

  5. #5
    Join Date
    Nov 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks John

    I'm not at all familiar with javascript, so removed the calls as per your suggestion.

    Once again, many 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
  •