JavaScript Random pictures in each table data cell

Hello, I am new to these forums, and I greet you all

Here is the problem I am having. I have a 3x3 table, and I want to use the 6 bottom cells to display linkable pictures of merchandise. I want the cells to display a different picture each time the customer visits the website. I found a javascript for diaplying a random, linkable, picture each time someone visits, but the problem is you can't put the script in each cell. It conflicts with itself somehow. The pictures rotate, but the links only go to the last set of links in the last cell.

What is the best method I can use to accomplish my goal? Or can the script below be edited in such a way as to be useable in each cell? Thanks!

<script language="javascript">

/*
Random image slideshow- By Tyler Clarke (EMAIL REMOVED - Send PM to This User Instead)
For this script and more, visit http://www.javascriptkit.com
*/

var delay=0 //set delay in miliseconds
var curindex=0

var randomimages=new Array()

randomimages[0]=["picturehere.jpg","linkhere"];
randomimages[1]=["picturehere.jpg","linkhere"];
randomimages[2]=["picturehere.jpg","linkhere"];
randomimages[3]=["picturehere.jpg","linkhere"];

var preload=new Array()

for (n=0;n<randomimages.length;n++)
{
preload[n]=new Image()
preload[n].src=randomimages[n]
}

var First=Math.floor(Math.random()*(randomimages.length));
var LnkURL=randomimages[First][1];

document.write('<img onclick="Link();" name="defaultimage" src="'+randomimages[First][0]+'">')

function Link(){
if (LnkURL){
window.location=LnkURL;
}

}
function rotateimage()
{

if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length)))){
curindex=curindex==0? 1 : curindex-1
}
else
curindex=tempindex
LnkURL=randomimages[curindex][1];
document.images.defaultimage.src=randomimages[curindex][0];
}

setInterval("rotateimage()",delay)

</script>


Thanks & regards
Lokananth

 

Can't you rename the function 8 times? the only problem will be that you will have pretty much change you will have doubles

 

You can forget the javascript and build a database to store the url to the pic and link to go with it. then use a sql query to populate the table. That way it will be search friendly

as javascript is client side some people have it turned off plus any links in it can not be seen by search robots. so sql would be better.