PDA

View Full Version : Image Thumbnail Viewer problem



andyburm
11-22-2007, 03:56 AM
1) Script Title: Image Thumbnail Viewer

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

3) Describe problem: script does not work at all. Image links work but only show up in regular IE window, not the image viewer interface....my website is a basic HTML document - I am not sure if that might be a problem ?!

jscheuer1
11-22-2007, 08:25 AM
Sounds like you forgot to do, or missed doing one or more of the things as instructed on the demo page. But there could be some other problem.

There are a few things that could cause what's happening. Having a basic HTML page is no problem, in fact it is usually easier that way. If you can't find what you left out, and/or want more help:

Please post a link to the page on your site that contains the problematic code so we can check it out.

andyburm
11-22-2007, 07:09 PM
this is my test setup...it can't be any simpler, but it's not working!?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="thumbnailviewer.css" type="text/css" />
<script src="thumbnailviewer.js" type="text/javascript">
/***********************************************
* Image Thumbnail Viewer Script- Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>image viewer test</title>
</head>

<body>
<a href="/images/gecko_110207.jpg" rel="thumbnail"><img src="/images/gecko_thumb.jpg" />
</body>

</html>

jscheuer1
11-22-2007, 07:31 PM
Try closing the a tag and putting you meta content header and title tags as the first tags in the head section. Other than that, it could be some other issue that would only show up (or at least be more noticeable) if I saw a live example of your page.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>image viewer test</title>
<link rel="stylesheet" href="thumbnailviewer.css" type="text/css" />
<script src="thumbnailviewer.js" type="text/javascript">
/***********************************************
* Image Thumbnail Viewer Script- Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
</head>

<body>
<a href="/images/gecko_110207.jpg" rel="thumbnail"><img src="/images/gecko_thumb.jpg" /></a>
</body>

</html>