How to change image after 2 seconds?

Jagatpal Singh

13y2.2k.NET

Dear All,

How to change 4 images after 2 seconds?
see the example :- http://freekaamaal.com/ in the featured deals section.

8 Replies

Know the answer? Post it — somebody with the same question will find it here.

Pankaj Pandey13y ago
hello,

Follow these links.

http://www.c-sharpcorner.com/Blogs/11160/change-picture-in-adrotator-without-refreshing-page.aspx

you can get image from database and convert it into xml .

Mark as answered if usefull
0
Jagatpal Singh13y ago
in this site. there's a panel/table/div in which 4 images exist at a time and after 2 seconds next 4 images appears in the same panel. bt i want to display images from database?
0
Sandeep Singh Shekhawat13y ago
I can't access url http://freekaamaal.com/.

So can you please expalin in detail that what you want and how?
0
Jagatpal Singh13y ago
Hi Shankar, my images is in the database.
0
Shankar M13y ago
Hi Singh,

Hope this link might help you..

http://csharp-slackers.blogspot.com/search/label/Animated%20Tray%20Icon%20in%20C%23

Thanks, Shankar M
0
Jagatpal Singh13y ago
but i want to change 4 images at a time?
0
Sandeep Singh Shekhawat13y ago
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>title>

    <script type="text/javascript" language="javascript">

        window.onload = function ()

        {

            var rotator = document.getElementById("rotator");

            var images = rotator.getElementsByTagName("img");

            for (var i = 1; i < images.length; i++)

            {

                images[i].style.display = "none";

            }

            var counter = 1;

            setInterval(function ()

            {

                for (var i = 0; i < images.length; i++)

                {

                    images[i].style.display = "none";

                }

                images[counter].style.display = "block";

                counter++;

                if (counter == images.length)

                {

                    counter = 0;

                }

            }, 2000);

        };

    script>

head>

<body>

    <form id="form1">

    <div id="rotator">

        <img alt="" src="http://www.aspsnippets.com/images/Blue/Logo.png" />

        <img alt="" src="http://jqueryfaqs.com/images/Blue/Logo.png" />

        <img alt="" src="http://www.aspforums.net/images/blue/Logo.png" />

    div>

    form>

body>

html>

0
Riddhi Valecha13y ago
Hi...

Use Timer Control...

Set its interval to 2 seconds.....

After every 2 seconds, it will call the method to change the image.

If you have the project, can you share it?? It will be easy to make changes there itself...
0