Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <style>
- .slides{
- display:none;
- height:100%;
- width:100%;
- }
- </style>
- </head>
- <body>
- <!--Credit given to w3 schools for an automatic slideshow-->
- <div class="w3-content w3-section">
- <img class="slides" src="Calculator.jpg">
- <img class="slides" src="Pen.jpg">
- <img class="slides" src="Monthly Budget.jpg" >
- <img class="slides" src="Stock Market.jpg" >
- <img class="slides" src="Budgeting.jpg" ">
- </div>
- <script>
- var myIndex = 0;
- carousel();
- function carousel() {
- var i;
- var x = document.getElementsByClassName("slides");
- 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>
Add Comment
Please, Sign In to add comment