posted 17 years ago
ok here is what i got, but i need help to get it to change every so often.
pic_width=165;
pic_height=200;
border_size=0;
alignment=1;
/* define image urls */
if (document.images)
{
pic1= new Image(pic_width,pic_height);
pic1.src="/images/1.png";
pic2= new Image(pic_width,pic_height);
pic2.src="/images/2.png";
pic3= new Image(pic_width,pic_height);
pic3.src="/images/3.png";
}
if (alignment==1)
{
cent_it="<center>";
cent_it2="</center>";
}
else
{
cent_it="";
cent_it2="";
}
function get_random(maxNum)
{
if (Math.random && Math.round)
{
var ranNum= Math.round(Math.random()*(maxNum-1));
ranNum+=1;
return ranNum;
}
else
{
today= new Date();
hours= today.getHours();
mins= today.getMinutes();
secn= today.getSeconds();
if (hours==19)
hours=18;
var ranNum= (((hours+1)*(mins+1)*secn)%maxNum)+1;
return ranNum;
}
}
function get_Image()
{
if (document.images)
{
var choose_one= get_random(3);
choose_one--;
var pics= new Array(3)
pics[0]=pic1.src;
pics[1]=pic2.src;
pics[2]=pic3.src;
document.write(cent_it+"<img src='"+pics[choose_one]+"' width='"+pic_width+"' height='"+pic_height+"' border='"+border_size+"'>"+cent_it2);
}
}
this is in the body of the page
<div id="Layer1">
<script type="text/javascript">
<!--
get_Image()
//-->
</script></div>
<div id="Layer2">
<script type="text/javascript">
<!--
get_Image()
//-->
</script></div>
<div id="Layer3">
<script type="text/javascript">
<!--
get_Image()
//-->
</script></div>