Seems I still haven't got the hang of all those window generating code
in Javascript. I've got a page with about 15 photo thumbnails. When you
click on a thumbnail a new window pops up which shows the enlarged
version of said thumbnail. This works fine on all current browsers I've
tested.
However, in case I do not close the popup but click on another thumbnail
instead, only IE replaces the enlarged pic by the new one, Firebird and
Opera keep the old picture. Only after closing the popup window and
clicking on the new thumbnail, the popup comes up with the new enlarged
version.
I'm quite sure this is because of some flaw in my code. Maybe you can
point me to it. Please note that I load the picture as a backround image
of the new window to make sure it takes up the whole window without any
margins, so this is already a workaround.
function enlarge(chooseImg) {
mywin =
window.open("","enlarged","width=500,height=347,le ft=20,top=20")
mywin.document.open()
mywin.document.write("<HTML><HEAD><TITLE>Enlarged view of thumbnails
</TITLE></HEAD><BODY BGCOLOR=\"#000000\" Background=\"img/" + chooseImg
+ ".jpg\"></BODY></HTML>")
mywin.focus()
}
And in the HTML my link looks like this:
<a href="javascript:enlarge('pic1_large')"><img src="img/pic1
_thumb.jpg" alt="Pic 1" width="149" height="104" border="0"></a>
