PDA

View Full Version : Image Thumbnail Viewer II



Kerstey
09-02-2009, 02:34 PM
1) Script Title: http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm

2) Script URL (on DD): http://www.loveguitarsgallery.com/testpages/product1.html

3) Describe problem: It's clearly not working!! Can anyone point out where I'm going wrong? :(

Thanks
Kerstey

ddadmin
09-03-2009, 12:51 AM
There seems to be something wrong with your surrounding HTML, perhaps an unclosed tag. In IE for example, if I move my mouse over the "Product Photos" header right above the thumbnail links, the link below it gets highlighted. The mismatch in a:hover is probably a HTML container or unclosed tag issue, which would also explain why the script fails to assign the proper behavior to those thumbnail links in IE.

Check your HTML for the above. If needed, move the HTML for your thumbnail links outside any element other than the BODY to see if that fixes the problem:


<h1>Product Photos</h1>
<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="loadarea">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="loadarea">Thumbnail Example 4 (click)</a><br /><br />
<div id="loadarea"></div>
</div>

Kerstey
09-03-2009, 04:00 PM
It looks like it's something to do with another script that I'm using from Dynamic Drive.

I had a a slide show at the top of the page, but then took out the script in the head and the thumbnail view works - but I need both.

Any ideas?
Thanks

vwphillips
09-03-2009, 04:45 PM
<script type="text/javascript" src="http://www.loveguitarsgallery.com/testpages/thumbnailviewer2.js" defer="defer">


I removed defer="defer" and it worked