View Full Version : Help with thumbnails

08-08-2008, 05:03 PM
Hello everyone, I just joined this. I actually just found you today. I need help with the Image Thumbnail Viewer. I cannot figure out from looking at the info with the scripts where in my code do I add the three referenced codes. Has anyone used this? If so, can you help me?

08-08-2008, 05:32 PM
Welcome to the forums... There are a few things you'll need to post so we can better assist you.

1: This post should actually be under "DynamicDrive Scripts Help"
2: Once posted in that category, please post a link to the page on DD where you found the script
3: Please post any problematic code as well

08-08-2008, 07:33 PM
To answer your question as best I can, I think what you are asking is where to place the three different things you had to download for this script to work, correct?

If so, look at the following:

You would download all three of the items (thumbnailviewer.css (http://www.dynamicdrive.com/dynamicindex4/thumbnailviewer.css), thumbnailviewer.js (http://www.dynamicdrive.com/dynamicindex4/thumbnailviewer.js), and loading.gif (http://www.dynamicdrive.com/dynamicindex4/loading.gif)). To download, just "right click" each link and click on "Save As / Save Target As".

Once downloaded, you would place each of these items in the same folder as the page you will be using the script on.

Now, to reference each of these items on that page you must do the following:

Place this code somewhere between <head> and </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


Then place this code somewhere between <body> and </body>:

<p><a href="http://img184.imageshack.us/img184/1159/castleyi6.gif" rel="thumbnail" title="This is beautiful castle for sale!">Castle</a></p>

<p><a href="http://img201.imageshack.us/img201/6923/countryxb6.gif"" rel="thumbnail"><img src="thumbnail.gif" style="width: 50px; height: 50px" /></a></p>

That's it, once you have that done, the script should run perfectly. All you have to do now is just change the locations of the images to the locations of whatever images you are wanting to use.