Random Background image for a table - IMAGE ARRAY

[jemedina74]

What I am trying to accomplish is to have the background image of a table change every time a page is reloaded/refreshed. I have tried many different scripts and non of them have worked for me. I have a total of four images at the moment that will be used in this array.

Any and all help would be greatly appreciated.


Thanks in advance,

[iam_clint]

Example

<script>
window.onload = function() {
var bimages = ["img1.gif", "img2.gif", "img3.gif", "img4.gif"];
var rand=Math.floor(Math.random()*4);
newImage = "url(backgrounds/"+bimages[rand]+")";
document.getElementById('table').style.backgroundImage = newImage;
}
</script>
<table id="table" border=1 width=200 height=200>
<tr><td align="center">Hi</td></tr>
</table>
 

[jemedina74]

Clint,


Thank you so much that worked perfect.


Regards,


jemedina74

Example

<script>
window.onload = function() {
var bimages = ["img1.gif", "img2.gif", "img3.gif", "img4.gif"];
var rand=Math.floor(Math.random()*4);
newImage = "url(backgrounds/"+bimages[rand]+")";
document.getElementById('table').style.backgroundImage = newImage;
}
</script>
<table id="table" border=1 width=200 height=200>
<tr><td align="center">Hi</td></tr>
</table>