ansaurus

Question

Iterate through an image list with 5 seconds time gap

Answer 1

A:

Create for loop and iterate trough array, how else would you do it?

c0mrade 2010-09-27 08:48:09

but how to iterate through array with 5 second time gap???

Asanka 2010-09-27 08:51:07

@Asanka how big is your array

c0mrade 2010-09-27 09:04:39

no more than 10 items

Asanka 2010-09-27 09:10:53

@Asanka than the for loop will do for that

c0mrade 2010-09-27 10:58:01

Answer 2

+1 A:

Try using a javascript plugin for that. Coin slider is great for this.

Faisal 2010-09-27 08:48:36

that's great if I have only images to iterate through. What if I need to change some details in other controls, for example say text in a label?

Asanka 2010-09-27 08:53:21

I dont' quite get what you're asking. Can you please restate?

Faisal 2010-09-27 10:31:08

what about updating labels after 5 seconds(not only images, which can be easily done using Coin Slider as you said...)

Asanka 2010-09-28 02:38:29

In that case, check the answer by AlbertVanHalen.

Faisal 2010-09-28 07:47:21

Answer 3

A:

<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>

AlbertVanHalen 2010-09-27 14:05:41

hey!! thank you very much. This is really helpful to me to extend and update more fields rather than only images....

Asanka 2010-09-28 02:25:27

ansaurus

tags:

views:

answers:

Iterate through an image list with 5 seconds time gap

related questions