Results 1 to 3 of 3

Thread: Image Thumbnail Viewer II

  1. #1
    Join Date
    Dec 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Image Thumbnail Viewer II

    How would I get the script to show the first thumbnail image on pageload in the target div?

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,030
    Thanks
    44
    Thanked 3,211 Times in 3,173 Posts
    Blog Entries
    12

    Default

    Just hard code it. Where you have something like:

    Code:
    <div id="loadarea" style="width: 600px"></div>
    Just add it right in there:

    Code:
    <div id="loadarea" style="width: 600px"><img src="sofagirllarge.jpg" alt=""></div>
    You can even add a caption if you want:

    Code:
    <div id="loadarea" style="width: 600px"><img src="sofagirllarge.jpg" alt=""><br>Nothing better than relaxing on the sofa sometimes</div>
    Whatever you put in there, it will be overwritten as soon as one of the triggers is activated. So you could even put something else in there - say, instructions, if you like.
    - John
    ________________________

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

  3. #3
    Join Date
    Dec 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks, that was a great way to get around the problem rather than recoding things

    One more thing Im stuck on I want to load a different page than what the thumbnails have as links, is there a way I can do that? I dont want it to simply open the image in the same or new page, I was trying to use onclick and target="_blank" but I couldn't get it to work right
    something like this

    Code:
    <a onclick="window.open(www.yahoo.com,this.target);return false;" href="whatever.htm" target="whatever"><img border="0" src="some.jpg" alt=""></a>
    Last edited by borillion; 12-21-2010 at 09:43 PM.

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
  •