<html><head>
<style type="text/css">
<!--
.topimg0 {
background: #FFF url(/fon/top01.jpg) no-repeat left bottom;
}
.topimg1 {
background: #FFF url(/fon/top02.jpg) no-repeat left bottom;
}
.topimg2 {
background: #FFF url(/fon/top03.jpg) no-repeat left bottom;
}
-->
</style>
<script type="text/javascript">
var tdimg = new Array();
tdimg[0] = 'topimg0';
tdimg[1] = 'topimg1';
tdimg[2] = 'topimg2';
function Kar(){
var img = Math.floor(Math.random() * 3);
document.getElementById('kartinka').className = tdimg[img];
}
</script>
</head><body onload="Kar()">
<table border="0" cellpadding="0" cellspacing="0" >
<tr>
<td><img src="/images/logo.gif"></td>
<td id="kartinka">А вот тут и должна подгружаться картинка</td>
</tr>
</table>
</body>
</html>
Пишем функцию Kar(), которая выполняется когда body onload
type="text/javascript" можно не указывать