Image Thumbnail Viewer II

[woodlandplayer]

1) Script Title: Image Thumbnail Viewer II

2) http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm

3) Describe problem: I love this script but there are two things I would like to add/control and I just dont have enough experience to figure out on my own.

I would like one of the images to appear in the loadarea before the user mouses over the thumbnail. i did a work around of setting a b/g image so there is something there but I am hoping there is a better solution.

Also when using the rev="loadarea::http://www.dynamicdrive.com" I want to direct the user to a larger size image, but I want it to either be in a pop up window or at the very least in a blank target. I tried adding target="_blank" after the link that takes the user to the large image but it doesnt effect anything.

Thank you for reviewing my post!

[ddadmin]

Regarding #1, why not just directly add an image inside the loadarea DIV that you want shown by default:


<div id="loadarea" style="width: 600px"><img src="vacation.gif" /></div>

Regarding #2, the relevant HTML inside the .js file is:


imageHTML='<a href="'+dest+'">'+imageHTML+'</a>'

At its simplest, you would simply add a target attribute to it:


imageHTML='<a href="'+dest+'" target="_new">'+imageHTML+'</a>'

[woodlandplayer]

Thank you so much for responding! I didn't think to edit the .js file! Still learning. Thank you for pointing that out. I made the change and it worked. I love when stuff does what I want!

On the #1 item of adding a photo. I did what you said and yes that does work work, but because I am using the title tag with a line of text on each image I get a photo jump. I think if I am going to use the text I guess I would have to go back and modify my image to make it look like it doesn't jump. I was just trying to avoid doing that for every item. But it is a solution - thanks!

I will continue to play with it. IF you care here is my rough page: http://www.sdgusa.com/bike_rails1.php

[woodlandplayer]

Is it possible to make the mouseover image or text also clickable?

I know I can make the mouseover image that comes up clickable, but I also want my text to be clickable. (I used text instead of an image in this case.)

Here is a link to the page I am working on: http://www.sdgusa.com/bike_home.php

Thank you!