Hi,

Does anyone know how I can get the following three images to fade in once the page has loaded? I can't seem to find out anywhere on the scriptaculous site / Google!

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

<script type="text/JavaScript" src="js/prototype.js"></script>
<script type="text/JavaScript" src="js/scriptaculous.js"></script>

</head>

<body>
<img src="img/home_1.jpg" title="" alt="" id="img1" />
<img src="img/home_2.jpg" title="" alt="" id="img2" />
<img src="img/home_3.jpg" title="" alt="" id="img3" />
</body>
</html>

Thanks for any pointers...