Image Thumbnail Viewer

**mikeyewz** · 02-13-2007, 06:15 PM

1) Script Title: Image Thumbnail Viewer

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

3) Describe problem: It says I have to download thumbnailviewer.css and thumbnailviewer.js. They immediately download to Dreamweaver. Where in my page do I put them? i.e. <Body> section or <head>?

Thanks, Mike.

**jscheuer1** · 02-13-2007, 06:31 PM

The files are external files. The call to the script (.js file) and the link to the stylesheet (.css file) go in the head of the page as stated on the demo page for this script:

Step 1: Add the following to the <head> section of your page:

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>

**mikeyewz** · 02-13-2007, 06:35 PM

Done it!! Thanks a lot!!
Mike.

**mikeyewz** · 02-13-2007, 09:39 PM

Just one more thing, how do I get the 'loading.gif' to work. When I download it, I just get the animation moving in a new window. Where do I go from there?
Thanks.

**jscheuer1** · 02-13-2007, 10:02 PM

I don't know what you mean by 'the animation' or by 'download'. Did you right click on the loading.gif text and chose 'save as' or 'save target as' and save it to the same directory that your page is in?

**mikeyewz** · 02-13-2007, 10:18 PM

No, I just double clicked on the 'loading.gif' link. What I have done now is as you said, chosen 'save target as', and it now works great!
Also, my thumbnails have blue border round them, is it possible to either change the colour, or remove them altogether? You can see them here:
http://www.maximumrnb.com/test3.htm

Thanks again.
Mike.

**jscheuer1** · 02-13-2007, 10:25 PM

Code:

<img src="http://www.maximumrnb.com/Jimi201.jpg" style="border:none;width: 168px; height: 238px" />

or:

Code:

<img src="http://www.maximumrnb.com/Jimi201.jpg" style="border:1px solid red;width: 168px; height: 238px" />

Or whatever you like.

**mikeyewz** · 02-13-2007, 10:28 PM

Thanks John.....is it possible to use 'mouseover' in this script?
Mike.

**jscheuer1** · 02-13-2007, 10:43 PM

You could try:

Code:

<a href="http://www.maximumrnb.com/Jimi01.jpg"" rel="thumbnail" onmouseover="this.onclick();">

If that doesn't work, the solution would probably be a bit complex but, doable.

**mikeyewz** · 02-13-2007, 10:53 PM

Thanks again!! It worked a treat!! Thank you very much for your superfast replies. You do a great job!!
Regards, Mike.

Thread: Image Thumbnail Viewer

Thread Tools

Search Thread

Image Thumbnail Viewer

Bookmarks

Bookmarks

Posting Permissions