Hi Itamar
I've experimented with this locally, but it seems not to work, Can you tell me where I'm going wrong, please? Here's my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>testMe</title>
</head>
<body>
<div id="myrandompics" style="width: 240px; height: 180px; background-repeat: no-repeat;background-position: center center;background-image: url("lr_faroe_aquaculture_01.jpg");"></div>
<script type="text/javascript">var images=[];
images[images.length]=['','lr_faroe_aquaculture_01.jpg'];
images[images.length]=['', 'lr_barony _fishfarm_01.jpg'];
images[images.length]=['','lr_grass_carp_01b.jpg'];
var randomNum=Math.floor(Math.random() * images.length);
document.getElementById('myrandompics').style.backgroundImage='url(lr_barony _fishfarm_01.jpg/'+images[randomNum][1]+')';
function rotatePics(){
randomNum=(randomNum+1)%images.length;
document.getElementById('myrandompics').style.backgroundImage='url(lr_grass_carp_01b.jpg/'+images[randomNum][1]+')';
}
window.setInterval('rotatePics()',2000);
</script>
</body>
</html>
Many thanks .
Cathy