PDA

View Full Version : DD Image Thumbnail Viewer II Help



foracure
10-10-2007, 05:23 PM
1) Script Title: Image Thumbnail Viewer II

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/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.

foracure
10-10-2007, 09:13 PM
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?

ddadmin
10-10-2007, 10:35 PM
Hmmm why not just directly embed the enlarged image inside your "loadingarea" DIV? For example:


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

foracure
10-11-2007, 12:35 AM
I tried that, but it didn't work for me.

ddadmin
10-11-2007, 01:54 AM
Hmm there's no reason why it wouldn't work. Using the HTML for the demo found on DD:


<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>