Hi,
It's quite simple. You have two files.
One with the image icon. I named it open_image.htm
(Make sure you place all newWin properties on one single line or you may get errors from some older browsers about it.)
What the function does:
Sets the status property to this user defined string when the function is invoked (the window opening)
<html>
<head>
<script language="javascript">
function showWindow()
{
status = "Loading image...";
newWin=window.open('show_image.htm','newWin','tool bar=no,location=no,directories=no,status=no,menuba r=no,scrollbars=no,resizable=no,width=156,height=1 67,top=100,left=100')
}
</script>
<head>
<body>
<a href="javascript
:showWindow()"><img src="lillu_tn.jpg" border=0 /></a>
</body>
</html>
There you go. Then you have what I name show_image.htm. A very simple page with the image on it, but we show it as a popup here. So until now you have 'Loading image...' in the status bar.
We know from the show_image.htm onload event handler when the page has fully loaded. Then we set the status property in the open_image window to an empty string.
<html>
<head>
</head>
<body onload="javascript
:opener.window.status=''">
<img src="lillu.jpg" border=0 alt="lillu" />
</body>
</html>
(opener is the window that opened the popup and the status bar is also there not in the popup)
HTH,
Lillu
The Purple Couch
http://www.geocities.com/lillamarta