Results 1 to 4 of 4

Thread: Image Thumbnail Viewer II

  1. #1
    Join Date
    Jul 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Image Thumbnail Viewer II

    Image Thumbnail Viewer II
    http://www.dynamicdrive.com/dynamici...thumbnail2.htm

    Script works great -love it! Just a question though, does anyone know how to have one of the images automatically load on page load (you can set the large image to be shown via onClick or OnMousemover of the thumbnails -- but I want to have one in the empty "large" spot, then have the OnMouseover for the rest of the thumbnails) I tried changing the "onClick" to "onLoad" but that didn't work...I'm don't know how to write code, I only know how to mess around in it.

    Any help would be greatly appreciated!

    Dgray

  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

    Two choices:

    1 ) Put the image tag of the desired image inside the 'load' area:
    Code:
    <div id="dynloadarea" style="width:80px;height:225px"><img src="myimage.jpg" border="0"></div>
    2 ) Make loading your preferred image part of the onload event for the page:
    Code:
    <body onload="modifyimage('dynloadarea', 0)">
    The '0' refers the dynimages[x] number of the image in the dynimages array.
    - John
    ________________________

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

  3. #3
    Join Date
    Jul 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile Image Thumbnail Viewer II - Preload Image

    Hi John,
    I can't thank you enough -- that worked perfectly!

    You can check it out if you're so inclined: http://www.royalwindowcoverings.com/fabricators/

    DGray.

  4. #4
    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

    Well, but you have two problems still, at least. You are only allowed 1 body tag (actually you can have as many as you want but, all except for the first will be ignored). So, get rid of the one you just added and make the one you already had include the new info:
    Code:
    <body bgcolor="#E9E7EB" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="MM_preloadImages('../images/nav2.gif','../images/nav_aboutus_2.gif','../images/nav_products_2.gif','../images/nav_where_2.gif','../images/nav_custcare_2.gif','../images/nav_resources_2.gif','/images/nav_news_2.gif','../images/nav_contact_2.gif');modifyimage('dynloadarea', 5)">
    The other problem is that:

    http://www.royalwindowcoverings.com/images/comp_med.jpg

    is not there. There is a:

    http://www.royalwindowcoverings.com/images/components.jpg

    but, I am not sure if it is what you want displayed there.
    - John
    ________________________

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

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
  •