CODEWITHSUNDEEP
javascripthtmlasp.net
Oz Cohen
Oz Cohen

Reputation: 963

trying to change background img in JavaScript (without jQuery)

i want to change the background image of a div every 3 sec i tried this did not wark help plss.

it is not working...

i update the code:

<head runat="server">
    <link rel="shortcut icon" type="icon/x-icon" href="Main Images/favicon.ico" />
    <link rel="stylesheet" type="text/css" href="MyStyle.css" />
             <script>
                 accept
                 var rotate = false;

                 function setbackground() {
                     newImage = rotate ? 'url(#)' : 'url(mimages/wallpaper2.jpg) : url(mimages/shutterstock_105126044-795x380.jpg)';
                     rotate = !rotate;
                     document.getElementById('change').style.backgroundImage = newImage;
                 }

                 setInterval(setbackground, 3000);
</script>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body style="background-image: url('Main Images/background.jpg');">
    <form id="form1" runat="server">
            <div dir="rtl" style="background-color:#242020">
        <audio src="songs/Jurassic Park Theme Song - Jurassic Park Theme Song.mp3" autoplay="" controls=""></audio><br /><br />
    </div>
        <div class="top" id="change" runat="server" >

Upvotes: 1

Views: 635

Answers (1)

rishabh dev
rishabh dev

Reputation: 1743

var rotate = false;

function setbackground() {
  newImage = rotate ? 'url(mimages/wallpaper2.jpg)' : 'url(mimages/shutterstock_105126044-795x380.jpg)';
  rotate = !rotate;
  document.getElementById('change').style.backgroundImage = newImage;
}

setInterval(setbackground, 3000);
<div class="top" id="change"></div>

Upvotes: 1

Related Questions