使用5秒的时间间隔迭代图像列表

Question

我有一个网址数组，其中包含页面加载时图片的位置。我需要以<asp:img>以5秒的时间间隔向用户显示它们。

可以使用<asp:timer>完成，还是有办法做到这一点？

Answer 1

尝试使用javascript插件。 Coin slider对此非常有用。

Answer 2

创建for循环并遍历数组，你还会怎么做？

Answer 3

<asp:Image ID="image1" runat="server">

<script type="text/javascript">
var imgArray = ['1.png','2.png','3.png','4.png','5.png','6.png','7.png','8.png','9.png','10.png'], imgToShow = 0;

function showImage() {
   if(imgToShow > imgArray.length - 1)
      imgToShow = 0;

   document.getElementById("<%= image1.ClientID %>").src = imgArray[imgToShow++];
}

showImage();
window.setInterval(showImage, 5000);
</script>