Help with getting a thumbnail rollover target in same tabel but other column...

MrSix · 28 Oct 2007 at 19:32

I've followed this link:
http://www.htmlcodetutorial.com/help/viewtopic.php?t=1854&start=0
...and I now have the code working how I want.

However, is there any way to have the large image load up without having to mouse over the thumbnail first.

For example, I have a list of thumbnails of photographs, which obviously when moused over, open the "large" version in the frame above. But when I very first load the page they are on, there is no image present in the space where the "large" image will appear once the thumbs are moused over.

I want the large version of the first thumbnail in the list to load automatically when the page is opened, if that makes sense?

All help please.

marc2003 · 28 Oct 2007 at 19:47

in your opening body tag, use onload like this.....

Code:

<body onload="function();">

MrSix · 29 Oct 2007 at 17:34

marc2003 said:
in your opening body tag, use onload like this.....

Code:

<body onload="function();">

Forgive me, I'm not really that savvy with HTML, what exactly would I need to replace "function" with?

marc2003 · 29 Oct 2007 at 17:55

well it would be the same function you've assigned to "onmouseover" on the image. i would have thought that would be obvious?

from that example, it would be showimage().

Dj_Jestar · 29 Oct 2007 at 17:59

Use cdata for onload at the bottom of the page, I remember reading somewhere that it's better cross compatibility and some other shizzle to do witl slow loading pages running onload before it has loaded.

Code:

<script type="text/javascript">/*<![CDATA[*/function onLoad(){}/*]]>*/</script>

MrSix · 29 Oct 2007 at 19:05

I might have to post the page in question to full understand this code, it's been a very long time since I've done any html or scripting.

I have a series of thumbnail images in a horizontal row which are moused over to reveal the large version in the table above. Say for example, mousing over the first thumbnail in the row revealed "img1.jpg" in the table above, where would I need to put the script?

Would it be easier if I just uploaded the page in question for you to see?