Banner



Write a JavaScript code to change the images in banner.


   
     <html>
     <head>
     <script>
          
      var bannerArray = ['download (3).jpeg', 'images.jpeg', 'images (1).jpeg', 'images (2).jpeg'];
      var banner = 0;

      function displayBanners() {
          if (document.images) {
              banner++;
              if (banner === bannerArray.length) {
                  banner = 0;
              }
              document.getElementById('ChangeBanner').src = bannerArray[banner];

              setTimeout(displayBanners, 5000);
          }
      }

     </script>
     </head>
     <body onload="displayBanners()">

         <center>
             <img src="download (3).jpeg" width="100%" height="150%" id="ChangeBanner" />
         </center>

     </body>
     </html>
                    
      
                     

Output: