window.onload not executed

[webaster]

This javascript is not working. The idea is that after the largeImage has loaded, div1,2,3,4 get unhidden.

this line probably?:

document.getElementById('largeImage').onload = unhideSmallBricks;

<script language="javascript">
<!--

function unhideDivsAfterImageOnload () {
document.getElementById('div1').style.visibility = "visible";
document.getElementById('div2').style.visibility = "visible";
document.getElementById('div3').style.visibility = "visible";
document.getElementById('div4').style.visibility = "visible";

}
document.getElementById('largeImage').onload = unhideDivsAfterImageOnload ;

//
-->
</script>

The relevant css and HTML

<img id="largeImage" src="images/superlarge.jpg" width="600" heigth="400">

<div id="div1" style="visibility:hidden;">
<img src="images/image1.jpg" width="200" heigth="400">
</div>
<div id="div2" style="visibility:hidden;">
<img src="images/image2.jpg" width="200" heigth="400">
</div>
<div id=div3" style="visibility:hidden;">
<img src="images/image3.jpg" width="200" heigth="400">
</div>
<div id="div4" style="visibility:hidden;">
<img src="images/image4.jpg" width="200" heigth="400">
</div>

[webaster]

Sorry for that.

should be
document.getElementById('largeImage').onload = unhideDivsAfterImageOnload;

[webaster]

Just ignore previous posts -start from here

This javascript is not working. The idea is that after the largeImage has loaded, div1,2,3,4 get unhidden.
this line probably?:

document.getElementById('largeImage').onload = unhideDivsAfterImageOnload

<script language="javascript">
<!--

function unhideDivsAfterImageOnload () {
document.getElementById('div1').style.visibility = "visible";
document.getElementById('div2').style.visibility = "visible";
document.getElementById('div3').style.visibility = "visible";
document.getElementById('div4').style.visibility = "visible";

}
document.getElementById('largeImage').onload = unhideDivsAfterImageOnload ;

//
-->
</script>

The relevant css and HTML

<img id="largeImage" src="images/superlarge.jpg" width="600" heigth="400">

<div id="div1" style="visibility:hidden;">
<img src="images/image1.jpg" width="200" heigth="400">
</div>
<div id="div2" style="visibility:hidden;">
<img src="images/image2.jpg" width="200" heigth="400">
</div>
<div id=div3" style="visibility:hidden;">
<img src="images/image3.jpg" width="200" heigth="400">
</div>
<div id="div4" style="visibility:hidden;">
<img src="images/image4.jpg" width="200" heigth="400">
</div>