Results 1 to 3 of 3

Thread: About Image Thumbnail Viewer II

  1. #1
    Join Date
    Oct 2010
    Posts
    5
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default About Image Thumbnail Viewer II

    Was looking at this image viewer script and I would like it to do something that apparently it doesn't do.. I want a preloaded image to be activated when the page loads, rather than waiting for it to active with given options: mouseover/click. -this only applies to the very first demo (the one with 3 thumbnails)

    http://www.dynamicdrive.com/dynamici...thumbnail2.htm

    I'm trying to set up a website and create a space for the enlarged image, it would certainly be a plus if one is already loaded as the user comes in -then load the rest thru thumbnail interaction.

  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

    This is a very common question with a simple solution. Just put whatever you want in the loading area. For example the first demo has as its first trigger link:

    Code:
    <a href="../dynamicindex17/sofagirllarge.jpg" rel="enlargeimage" rev="targetdiv:loadarea" title="Nothing better than relaxing on the sofa sometimes">
    Which onmouseover puts:

    Code:
    <div style="">
    <img src="../dynamicindex17/sofagirllarge.jpg" style="border-width:0"/>
    <br/>
    Nothing better than relaxing on the sofa sometimes
    </div>
    into the waiting:

    Code:
    <div id="loadarea" style="width:510px; height: 220px">
    </div>
    If you want that to be there to begin with, just hard code it:

    Code:
    <div id="loadarea" style="width:510px; height: 220px">
    <div style="">
    <img src="../dynamicindex17/sofagirllarge.jpg" style="border-width:0"/>
    <br/>
    Nothing better than relaxing on the sofa sometimes
    </div>
    </div>
    In fact, you may put anything you like in there. It will be overwritten as soon as any trigger link is activated.
    Last edited by jscheuer1; 10-24-2010 at 07:29 AM. Reason: spelling
    - John
    ________________________

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

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    Sonico67 (10-24-2010)

  4. #3
    Join Date
    Oct 2010
    Posts
    5
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    That really helped! Thanks -again.
    Last edited by Sonico67; 10-24-2010 at 01:42 AM.

Tags for this Thread

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
  •