Show a randomly selected image each time the page is loaded.
<script type="text/javascript">
<!--
image = [
["pic1.jpg","pic1.jpg"],
["pic2.jpg","pic2.jpg"],
["pic3.jpg","pic3.jpg"],
["pic4.jpg","pic4.jpg"],
["pic5.jpg","pic5.jpg"],
["pic6.jpg","pic6.jpg"],
["pic7.jpg","pic7.jpg"],
["pic8.jpg","pic8.jpg"],
["pic9.jpg","pic9.jpg"],
["pic10.jpg","pic10.jpg"]
]
function showImg(){
index = Math.floor(Math.random() * image.length);
document.rdm_img.src=image[index]
}
function goHere(){
if(image[index][1]==""){
return
}
//location=image[index][1]
window.open(image[index][1])
}
// add onload="showImg()" to the opening BODY tag
//-->
</script>
<img src="" name="rdm_img" onclick="goHere()">
If title and/or url is not required leave the appropriate entry empty.
image[n] = new Array("pic1.jpg","","")
<script type="text/javascript">
<!--
image = [
["pic1.jpg","Image 1","url1"],
["pic2.jpg","Image 2","url2"],
["pic3.jpg","Image 3","url3"],
["pic4.jpg","Image 4","url4"],
["pic5.jpg","Image 5","url5"],
["pic6.jpg","Image 6","url6"],
["pic7.jpg","Image 7","url7"],
["pic8.jpg","Image 8","url8"],
["pic9.jpg","Image 9","url9"],
["pic10.jpg","Image 10","url10"] //no comma at the end of last index
]
function showImg(){
index = Math.floor(Math.random() * image.length)
document.rdm_img.src=image[index][0] // image
document.rdm_img.alt=image[index][1] // alt text
document.getElementById("rdm_img_txt").innerHTML=image[index][1] // title
}
function goHere(){
if(image[index][2]==""){
return
}
//location.href=image[index][2]
window.open(image[index][2])
}
// add onload="showImg()" to the opening BODY tag
//-->
</script>
<img src="" name="rdm_img" onclick="goHere()">
<div id="rdm_img_txt" style="font-size:40px;font-weight:bold;color:#FF0000">Title</div>