Home/ Questions/Q 6352237
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T22:09:55+00:00

As part of my website projects, I would like to add a script, javascript

  • 0

As part of my website projects, I would like to add a script, javascript or whatever, that changes the background image, but the problem is, I’m don’t know how to program with Java. I only know Lua, HTML, & CSS.

The reason for that is because I’d like the background image to change after 5 seconds (fades into another image) and then again to another. A loop.

I have found something but it’s said that it doesn’t work:

<script language="JavaScript">  


    var Rollpic1 = "1.jpg";
    var Rollpic2 = "2.jpg";
    var Rollpic3 = "3.jpg";

    var PicNumber=1;

    var NumberOfPictures=3;

    var HowLongBetweenPic=5;


    function SwitchPic(counter){

        if(counter < HowLongBetweenPic){

            counter++;


            document.roll.src = eval("Rollpic" + PicNumber);


            CallSwitchPic=window.setTimeout("SwitchPic("+counter+")",1500); 

            }

            else{

                if(PicNumber < NumberOfPictures){
                    PicNumber++;
                    SwitchPic(0);
                }
                else{
                    PicNumber=1;
                    SwitchPic(0);
                    }

            }

    }
    </script>


        <body onload="SwitchPic(0)">        

    <img src="1.jpg" height="300" width="400" border="0" name="roll">
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This will do it:

    <script>
document.body.style.backgroundImage="url('path/to/background.png')";
</script>

    Or if you want it to happen when you click something:

    <script>
function change() {
    document.body.style.backgroundImage="url('path/to/background.png')";
}
</script>

<input type="button" onclick="change()" value="Change it" />

    To have some code loop on a timer:

    <script>
function timedCount() {
    // some code here
    setTimeout("timedCount()",1000); //1000 milliseconds
}
</script>

    Run that function ^ somehow (like with the onclick hander of a button as shown above) and it will loop forever, executing the function every 1000 ms

    By the way, Java has nothing to do with Javascript. They’re completely separate and are very different.

    • 0