I am currently facing an issue with my JavaScript animated background, consisting of just 3 pictures. I am trying to display some Div elements on it with content inside.
Here is the code snippet I have right now: In my CSS file, I have defined styles for the divs content. However, they are not displaying on the JavaScript animation itself.
<head>
<title></title>
<link href="rekensite.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="main">
<div class="hoi">
<img id="change-me" src='w1.jpg' style="width:99%;height:99%" alt='[]' />
<div class="main">
<div class="Back">
<div class="header">
<div class="menu">
<div class="content">
<script>
var
images = [ "11.jpg", "22.jpg", "33.jpg" ] //the list of images
, imgToCHange = document.getElementById( 'change-me' )
, interval = 1000 //in ms
;
setInterval( function(){
images.unshift( images.pop() );
imgToCHange.src = images[0];
}, interval );
</script>
</div>
</div>
</div>
</div>
</div></div>
<div class="Bottom"><br/> </div>
</body>