Results 1 to 5 of 5

Thread: DD Image Thumbnail Viewer II Help

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

    Default DD Image Thumbnail Viewer II Help

    1) Script Title: Image Thumbnail Viewer II

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

    3) Describe problem:

    Can I change the code so that the first enlarged image is already loaded in the "loadarea"? If so, how?

    See Sample Page here:
    http://www.foracurecards.com/awareness_note_cards.html

    I'd like the enlarged "Packaging" image to be there when the visitor arrives on the page.

  2. #2
    Join Date
    Oct 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    For now I used a background image that can be overlaid by the images in the script:

    http://www.foracurecards.com/awareness_note_cards.php
    http://www.foracurecards.com/send_note_for_cure.php


    Is this the only fix?

  3. #3
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Hmmm why not just directly embed the enlarged image inside your "loadingarea" DIV? For example:

    Code:
    <div id="loadarea" style="width: 300px"><img src="http://www.foracurecards.com/images/card_pkg_sm.jpg" /></div>

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

    Default

    I tried that, but it didn't work for me.

  5. #5
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Hmm there's no reason why it wouldn't work. Using the HTML for the demo found on DD:

    Code:
    <a href="http://www.nasa.gov/images/content/167040main_image_feature_738_ys_4.jpg" rel="enlargeimage::mouseover" rev="loadarea::http://www.dynamicdrive.com" title="This is an example">Thumbnail Example 1</a><br />
    <a href="http://www.nasa.gov/images/content/168177main_image_feature_749_ys_4.jpg" rel="enlargeimage::mouseover" rev="loadarea">Thumbnail Example 2</a><br />
    
    <a href="http://www.nasa.gov/images/content/166615main_image_feature_733_ys_4.jpg" rel="enlargeimage::click" rev="loadarea2">Thumbnail Example 3 (click)</a><br />
    <a href="http://www.nasa.gov/images/content/168291main_image_feature_750_ys_4.jpg" rel="enlargeimage::click" rev="loadarea2">Thumbnail Example 4 (click)</a><br /><br />
    
    <div id="loadarea" style="width: 600px">
    <img src="http://www.nasa.gov/images/content/167040main_image_feature_738_ys_4.jpg" />
    </div>
    
    <h2 />
    
    <div id="loadarea2" style="width: 550px"></div>

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
  •