View Full Version : Request(s) for Image Thumbnail Viewer II

04-09-2007, 05:01 AM
1) Script Title: Image Thumbnail Viewer II

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

3) Describe problem:

Not so much a problem as a request... I love this script on IE, but the lack of trans FX on FF are its achilles heel. Is there a way to incorporate somekind of trans effect on FF? I'm no expert, but many scripts that used to only fade in/out on IE have been updated to do so on FF as well, so I thought maybe... y'know. :)

Second request : have all images associated with the same viewing area auto-cycle until user mouseovers (which would interrupt the cycle). You could even add a small border around the thumbs that would highlight when that thumb is active (ie, when the bigger version of that image is shown). Combined with the auto-cycling, the effect would be incredible, I think.

Just wanted to sneak in these 2 feature requests for a possible Image Thumbnail Viewer III ;)

Thanks for reading me!

04-09-2007, 06:07 AM
Here's the updated JS file including the Moofx (http://moofx.mad4milk.net/) package for the effects

And add this:

<script type="text/javascript" src="mootools.v1.00.js"></script>
above this:

<script type="text/javascript" src="thumbnailviewer2.js" defer="defer">

* Image Thumbnail Viewer II script- &#169; Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use


04-09-2007, 01:29 PM

Thanks, but... after updating the files as you said, I see no difference on FF, and now IE is reporting "Object doesn't support this property" bugs.

Was there more to it than just the instructions you left?

04-09-2007, 03:00 PM
Have a look here:


It activates onclick. It is adapted from (and uses the external script file of):


See if it is close to what you are looking for.

Note: In the source of the demo -

<script src="sai_ss.js" type="text/javascript"></script>

refers to an external script file. This is the same external file as the:


used by the official DD version Demos.

04-10-2007, 01:57 AM
Yeah, that looks about right... did you do this yourself? I'll look at the script and how many k it is in a sec (the lighter the better, of course, since the page is already image-heavy). How hard would it be to have it work on hover instead of click?

Do you do a lot of work like this? If I need further customizing, do you think I can hire you? (For one thing, I'm considering having the images auto-cycle until mouseover stops the cycling... or am I just being crazy even thinking about it?)

04-10-2007, 12:48 PM
To get the demo I posted to work onmouseover with cycling until the first image is moused over is simple, just change:




and add onmouseover="this.onclick();" to the document.write method:

document.write('<img src="'+slides5[i_tem][0].replace(/\.jpg/, '_thumb.jpg')+'" style="cursor:pointer;padding:2px;" onclick="if (iss[0].playing){iss[0].gostop(iss[0].go(\'gostp0\'));setTimeout(\'iss[0].jumper('+[i_tem+1]+')\', 1000);}else{iss[0].jumper('+[i_tem+1]+');}" onmouseover="this.onclick();"> ');

PM or email me if you want us to consider your hiring me.

04-17-2007, 07:14 PM
Thanks, I finally had time to look at your links. To be honest, I got lost in its code :-S I'd rather not "automate" the thumbnail placement process the way you did. I don't want to be stuck with one layout.

In fact, the original thumbnailviewer2 was almost perfect. A loading area I can customize, a class I can throw on the thumbs, and voilą. Magic. The only thing it lacked was trans fx on FF... even a february 07 update available @ http://www.klosi.org/dynamicindex4/thumbnail2.html won't allow for the fx on FF.

What would need to be done to my page to have the trans fx on FF too? http://vilverset.com/pics2.html

PS: Having the thing auto-cycle on a timer (not just the main image but the thumbs too; meaning keeping the hover state of the thumb corresponding to the image currently displayed) would be absolute GRAVY... but not absolutely necessary.

Thanks in advance!