PDA

View Full Version : Problem with Image Thumbnail Viewer II



thoreworld
04-10-2007, 02:25 AM
1) Script Title: Image Thumbnail Viewer II

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

3) Describe problem:
My page works fine with Firefox, but in IE6 it has a strange problem...

When the page is first loaded, a mouseover on the thumbnails does not change the larger image. However, if you click on one of the thumbnails and then hit your "back" button to return to the original page, it works. If you refresh the page, then it goes back to not working again.

Here is the page in question...

http://www.epiphanymastiffs.com/raw.html

Any ideas?

Thanks

Tracy

thetestingsite
04-10-2007, 02:29 AM
The link you posted works fine for me in IE6, IE7, and FF 2.0.0.2 on Windows XP. When you view the demo (on dynamicdrive), do you experience the same problem?

thoreworld
04-10-2007, 11:03 AM
The link you posted works fine for me in IE6, IE7, and FF 2.0.0.2 on Windows XP. When you view the demo (on dynamicdrive), do you experience the same problem?

No, the demo works fine. When I work on the page offline it works fine. It started when I uploaded it.

Tracy

jscheuer1
04-10-2007, 11:41 AM
That problem is happening because live, your page takes so long to load that the script hasn't initialized in time to prevent the links from firing as ordinary links. There are at least two approaches you could take.

1 ) Reduce the load time of the page. The largest drain on load time of your live page are the videos. Consider having them on a separate page.

2 ) Hard code the return on the thumbnail's link tags.

This second one is probably what you should do, even if you move the videos. All you need to do is add an onclick event to each thumbnail link, example:


<a href="raw/rawedie7.jpg" onclick="return false;" rel="enlargeimage::mouseover" rev="loadarea::" title="Edie eating a chicken neck at 8 weeks."><img border="0" src="raw/rawedie7_crop_t80.jpg" width="80" height="80" style="margin-bottom: 1px"></a>