Post
Ask Question

Slide Show with JavsScript

  1. %@ Page Language="C#" AutoEventWireup="true" CodeBehind="SlideShow.aspx.cs" Inherits="jqDrag1.SlideShow" %>  
  2. <!DOCTYPE html>  
  3. <html xmlns="http://www.w3.org/1999/xhtml">  
  4. <head runat="server">  
  5. <title>Slide Show</title>  
  6. <script type="text/javascript">  
  7. var images = ["images/Desert.jpg", "images/Jellyfish.jpg", "images/Koala.jpg", "images/Chrysanthemum.jpg", "images/Hydrangeas.jpg", "images/Lighthouse.jpg", "images/Penguins.jpg", "images/Tulips.jpg"];  
  8. var imagesarraylength = images.length - 1;  
  9. var i = 0;  
  10. var int = setInterval(function () { tick() }, 1000);  

  12. function tick()
  13. {  
  14.       i = i + 1;  
  15.       if (i > imagesarraylength)
  16.       {  
  17.             i = 0;  
  18.       }
  19.   
  20.       document.getElementById("SlideShow").src = images[i];  
  21. }
  22.   
  23. </script>  
  24. </head>  
  25. <body>  
  26. <form id="form1" runat="server">  
  27. <div>  
  28. <img src="images/Desert.jpg" height="600" width="100%" id="SlideShow" alt="#"/>  
  29. </div>  
  30. </form>  
  31. </body>  
  32. </html>