Randomized background on refresh

[clashboomband]

Hi there,

I'm currently using a javascript for randomized background image on page refresh however, I need the background image to be full screen and resizable on browser resize.

I'm using this script as below:

<script type="text/javascript">
var totalCount = 8;
function ChangeIt()
{
var num = Math.ceil( Math.random() * totalCount );
document.body.background = 'bgimages/'+num+'.jpg';
document.body.style.backgroundRepeat = "repeat";// Background repeat
}
</script>


What do I have to add in document.write any ideas? I would also need it to work across all browsers and mobile platform. If this doesn't work any Jquery or HTML5 tutorials on this? Please help! Thanks much

[WolfShade]

I don't have the link to it, now, but there is a library that you can use to make the background image full size and scalable with browser size changes.

[clashboomband]

Originally Posted by WolfShade

I don't have the link to it, now, but there is a library that you can use to make the background image full size and scalable with browser size changes.

please let me have the link when u do. that would really help. appreciate it! Thank you

[WolfShade]

I think this is it. It's been a while. It does require jQuery.

http://srobbin.com/jquery-plugins/backstretch/