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:







9 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
  5. Howdy! This post couldn't be written any better! Reading through this post reminds me of my old room mate! He always kept talking about this. I will forward this page to him. Pretty sure he will have a good read. Thank you for sharing!organic vegetables in chennai

    ReplyDelete
  6. I wanted to post you a little bit of remark to finally say thank you the moment again on the great tips you've shown on this website. It is tremendously open-handed with you to provide unreservedly just what a few people could have made available for an e book to help make some cash for their own end, precisely given that you might have tried it in the event you wanted. The inspiring ideas also worked to become easy way to be certain that other people online have the same eagerness like my very own to grasp way more with respect to this matter. I'm sure there are thousands of more pleasurable periods ahead for many who examine your post. lead generation singapore

    ReplyDelete
  7. Of course the product was free (which may not be what you're looking to do), but it has been effective quite often.

    digital marketing agency

    ReplyDelete
  8. The beauty of the German Castles has always been immortalized in the Disney World which remains etched in our mind distinctly. Amazing Castles in Germany

    ReplyDelete

More Posts

FOLLOW