Changing Images in HTML

Applications Web Development
1

Hi,
I recently bought shared hosting at asphostportal.com. Now, I have little problem. Could you help me please? How to change the images after every 5 seconds in html?
The images should display in the same places for every 5 seconds?
can anybody send me code please.

Thanks.

2

Jquery slide show (fades out/in images)....see...

Download Jssor Slider Free for website design

sample: Simple Fade Slideshow

supposedly free to download, no usage restrictions.

3

Google for slideshow javascript and many examples of sample code will come to the fore.

4

Thank you very much :b:

---------- Post updated at 09:10 PM ---------- Previous update was at 09:06 PM ----------

I tried to use google for slideshow js, but I get problem. My image slideshow works in all browser but not in Google Chrome. Any idea how to fix it ? Thank you very much :wink:

5

You can try this code may be it will work for you.

<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns = "http://www.w3.org/1999/xhtml">
   <head>
      <title>change picture</title>
      <script type = "text/javascript">





        function changeImage()
{
    var img = document.getElementById("img");
    img.src = images[x];
    x++;

    if(x >= images.length){
        x = 0;
    } 
   var timerid = setInterval(changeImage(), 1000);
}


}

var images = [], x = 0;

images[0] = "image1.jpg";
images[1] = "image2.jpg";
images[2] = "image3.jpg";


      </script>
   </head>
   <body onload = "changeImage()">
 <img id="img" src="startpicture.jpg">
   </body>
</html>