PDA

View Full Version : Image Thumbnail Viewer II



katers
07-22-2005, 09:32 PM
For some reason I just cannot get this to work right. I have never had any problems figuring out how to set up the other scripts but this.......

I am trying to do the onMouseover with no links and no onClick. I have 4 images that are small and 4 of the same that are larger for the mouseover effect. I labled the small pics. p1.jpg, p2.jpg and so on and the big pics. photo1.jpg, and so on.

Anyone know what I am doing wrong?

Thank you

jscheuer1
07-24-2005, 05:44 PM
What isn't it doing that you would like it to?

.
whatever

katers
07-24-2005, 10:56 PM
Sorry,

I just can't get the script to work, because I am not editing the script correctly. http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm

I think I am getting mixed up because I am trying to alter the script too much. onMouseover only and no links.

I am trying to use the script on all the gallery pages of the website www.enchantdesigns.net/customart.html

The website is going to be switched for a new one as soon as I can finish it.

jscheuer1
07-25-2005, 02:52 PM
The link you posted to your page just goes to some odd redirect that says:

Przykro nam, strona o podanym adresie nie istnieje

whatever that means (probably 'page not found'), then after a bit loads:

http://republika.onet.pl/

I'd really need to see your page or at least your code to tell what the problem is.

katers
07-25-2005, 04:29 PM
The current website is www.enchantdesigns.net it was hosted on, I believe a polish site. I have currently been designing a new website for this person and initiated a new hosting company for them so the new pages I have been working on, it seems may not show up.

However, I have used many of the DD scripts on my personnal and other websites without any difficulty so I am assuming that I am just not entering the picture and other codes correctly in the script itself.

katers
07-26-2005, 09:33 PM
The new site is now active where I will be putting the script, if I ever get it working.

jscheuer1
07-27-2005, 02:57 AM
OK, well, it is sort of working. The display area's dimensions need to be a little larger to prevent that jumping around and the path to the initial image is wrong somehow. Yeah, where you have this:

<td width="85%" valign="top" align="left"><p align="left">
<a href="javascript:warp()"><img src="slide_4" name="targetimage" border=0></a>
</td>It needs to be like this:

<td width="85%" valign="top" align="left"><p align="left">
<a href="javascript:warp()"><img src="slide_4.jpg" name="targetimage" border=0></a>
</td>Give your table and <td> that display the images a height that is at least as high as the tallest image. That should work in IE but you may need to put a small transparent .gif in there as well (it can be like 1px by 1px) but, tell the browser that it is 1px wide and as tall as the tallest image. That would be (for your original link that is now working):

<td width="85%" height="410" valign="top" align="left"><p align="left"><img src="transparent.gif" width="1" height="400" border="0"><a href="javascript:warp()"><img src="slide_4.jpg" name="targetimage" border=0></a>
</td>This is sometimes required for Mozilla as height on tables is often ignored.

Now, to use your thumbnails, where you have:

<p><a onMouseover="changeimage(myimages[1],this.href)" href="f15.htm"><light><font
face="Arial">Portrait</font></light></a></p>Make it more like this:

<p><a onMouseover="changeimage(myimages[1],this.href)" href="f15.htm"><img src="thumb1.jpg" border="0"></a></p>where thumb1.jpg is the path and name to the thumbnail for myimages[1].

Added Later:

P.S. I really like the artwork!