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, thumbnailviewer.js, and 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>:
Code:
<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>
Then place this code somewhere between <body> and </body>:
Code:
<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.
New Comer (less than 5 posts)
Help with thumbnails
Posting Permissions
Reply With Quote
Bookmarks