Hi there John84,
There probably is a php solution but php is not my 'forte'
Here is the javascript solution, that uses setTimeout()
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<base href="http://mysite.orange.co.uk/azygous/">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
background-image:url(images/bodyBg.jpg);
}
.border {
border:3px double #000;
}
</style>
<script type="text/javascript">
var thm=[
'images/apple_thumb.jpg',
'images/banana_thumb.jpg',
'images/clouds_thumb.jpg',
'images/dog_thumb.jpg',
'images/girl_thumb.jpg',
'images/grap_thumb.jpg',
'images/ten_quid_thumb.jpg'
]
var speed=5000;
window.onload=function(){
setTimeout('delayThumbs()',speed);
}
function delayThumbs() {
pics=document.getElementById('thumbs').getElementsByTagName('img');
for(c=0;c<pics.length;c++) {
pics[c].src=thm[c];
pics[c].className='border';
}
}
</script>
</head>
<body>
<ul id="thumbs">
<li><img src="" alt="apple"></li>
<li><img src="" alt="banana"></li>
<li><img src="" alt="clouds"></li>
<li><img src="" alt="dog"></li>
<li><img src="" alt="girl"></li>
<li><img src="" alt="grap"></li>
<li><img src="" alt="ten_quid"></li>
</ul>
</body>
</html>
Basic problem with this is that those without javascript enabled will have no thumbnail pics. :supereek:
Of course if they are going to be links then they will, at least, have the alt's to click. ;)