You have 5 of these image links in your page, are you wanting the same image link to be shown in each instance?
The following example will show the same image link 5 times.
Each time the page is loaded the next image in the array is shown.
In order to iterate through all your images a cookie is used to remember which image was shown the last time the page was loaded otherwise you would only ever see the first image.
You do not copy the script 5 times into your page it is put in the HEAD section and the image tags place in your page where you require them.
The following example is a stand alone page so that you can see how it works.
The image and url information is entered into a 2 dimensional array.
<HTML>
<HEAD>
<TITLE>Document Title</TITLE>
<script type="text/javascript">
<!--
// Jeff
// www.huntingground.freeserve.co.uk
cookie_name="seq_links"
expDays=365
myimages=new Array()
myimages[myimages.length]=new Array("/topsites/images/banner_angelic_crafts4.jpg","http://www.scrapoetry.com/topsites/out.php?id=253")
myimages[myimages.length]=new Array("/topsites/images/banner_blinkie1.gif","http://www.scrapoetry.com/topsites/index.php?a=ads")
myimages[myimages.length]=new Array("/topsites/images/banner_blinkie2.gif","http://www.scrapoetry.com/topsites/index.php?a=ads")
function show_pic() {
count = get_cookie(cookie_name)
if(count==null ||count == myimages.length ){
count=0
}
for(i=0;i<5;i++){
document.getElementById("mypic"+i).src=myimages[count][0]
}
count++
}
function save_pic_count(){
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
set_count=count
set_cookie(cookie_name, set_count, exp);
}
function set_cookie(name, value, expires, path, domain, secure) {// An adaptation of Dorcht's function for setting a cookie.
if (!expires){expires = new Date()}
document.cookie = name + "=" + escape(value) +
((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
((path == null) ? "" : "; path=" + path) +
((domain == null) ? "" : "; domain=" + domain) +
((secure == null) ? "" : "; secure");
}
function get_cookie(name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return get_cookie_val (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function get_cookie_val (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function delete_cookie(name,path,domain) { // An adaptation of Dorcht's function for deleting a cookie.
document.cookie = name + "=" +
((path == null) ? "" : "; path=" + path) +
((domain == null) ? "" : "; domain=" + domain) +
"; expires=Thu, 01-Jan-00 00:00:01 GMT";
}
function newWin(){
myWin=window.open(myimages[count][1])
}
// add onload="show_pic()" onunload="save_pic_count()" to the opening BODY tag
// -->
</script>
</HEAD>
<BODY onload="show_pic()" onunload="save_pic_count()">
<img id="mypic0" src="" onclick="newWin()">
<img id="mypic1" src="" onclick="newWin()">
<img id="mypic2" src="" onclick="newWin()">
<img id="mypic3" src="" onclick="newWin()">
<img id="mypic4" src="" onclick="newWin()">
</BODY>
</HTML>