Change image in document.body

Question

I want to change the background of the html page with the following function:

<script type='text/javascript'>
var imageID=0;
function changeimage(every_seconds){
    //change the image
    if(!imageID){
        document.body.src="1.jpg";
        imageID++;
        alert(imageID++);
    }
    else{if(imageID==1){
        document.body.src="2.jpg";
        imageID++;
        alert(imageID++);
    }else{if(imageID==2){
        document.body.src="3.jpg";
        imageID=0;
        alert(imageID++);
    }}}
    //call same function again for x of seconds
    setTimeout("changeimage("+every_seconds+")",((every_seconds)*1000));

}
</script>


<body onload="hidemenu(); testPage(); changeimage(2)">
</body>

But it wont. I know there is syntax error in document.body.src but can anyone tell me what is the correct way to change as the background image is coming through css.

Answer 1

the body does not have an attribute named src. try changing the style attribute:

document.body.setAttribute('style', 'background-image: url(1.jpg)');

Change image in document.body

Question

1 answers

solution1
2 ACCPTED 2012-03-12 08:09:36

Change image in document.body

Question

1 answers

solution1 2 ACCPTED 2012-03-12 08:09:36

solution1
2 ACCPTED 2012-03-12 08:09:36