Labels

php (35) javascript (31) phpjavascript (30) jquery (23) html (20) mysql (14) database (9) codeigniter (4) json (4) bar chart (2) calendar (2) column chart (2) framework (2) google maps (2) query (2) tables (2) url (2) dropdown (1)

Sunday, July 8, 2018

Automatic Image Slider Using Javascript

<!DOCTYPE html><html>
<title>Automatic Slider Using Javascript</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style> .mySlides {display:none;} </style>
<body>
<h2 class="w3-center">Automatic Slideshow</h2> <div class="w3-content w3-section" style="max-width:500px"> <img class="mySlides" src="C:\Users\csuser\Desktop\ssss\images\download.jpg"
style="width:100%"> <img class="mySlides" src="C:\Users\csuser\Desktop\ssss\images\images.jpg"
style="width:100%"> <img class="mySlides" src="C:\Users\csuser\Desktop\ssss\images\shanghai.jpg"
style="width:100%"> </div> <script> var myIndex = 0; carousel(); function carousel() { var i; var x = document.getElementsByClassName("mySlides"); for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } myIndex++; if (myIndex > x.length) {myIndex = 1} x[myIndex-1].style.display = "block"; setTimeout(carousel, 2000); // Change image every 2 seconds } </script> </body> </html>
Result:







4 comments:

  1. Hey, I am Mary P. Cearley Thanks for sharing the info. keep up the good work going…. I really enjoyed exploring your site. If you have any query with Norton then you call your Norton support number +18555583999.

    ReplyDelete
  2. I truly making the most of your web article. I am framing an introduction, and I would love to utilize a portion of the data in this webpost in it. Is this fine? Provided that this is true, I may likewise utilize a portion of the data on my Internet Marketing blog, however I will make a point to leave a source connect to your site in the event that I utilize any of your material. Anyway, I anticipate a greater amount of your awesome data and give me an email in the event that I can help you by any stretch of the imagination.

    ReplyDelete
  3. Interesting post! I really amazed to read the great information. You have shared best quality stuff in the content of the post. Thank you so much for such an awesome blog post!

    ReplyDelete
  4. AD List 24 provides local classified ads for events, jobs, rentals, real estate, buy and sell, adults and dating.
    brooklyn escorts

    ReplyDelete

More Posts

FOLLOW