Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>About</title>
- <link rel="stylesheet" type="text/css" href="style.css"/>
- </head>
- <body style="background-image:url(b.jpg)">
- <div id="container">
- <img class="mySlides" src="slider/1.jpg"/>
- <img class="mySlides" src="slider/2.jpg"/>
- <img class="mySlides" src="slider/3.jpg"/>
- <img class="mySlides" src="slider/4.jpg"/>
- <img class="mySlides" src="slider/5.jpg"/>
- <button class="w3-button w3-display-left" onclick="plusDivs(-1)">❮</button>
- <button class="w3-button w3-display-right" onclick="plusDivs(+1)">❯</button>
- </div>
- </body>
- <script>
- var slideIndex = 0;
- carousel();
- function carousel() {
- var i;
- var x = document.getElementsByClassName("mySlides");
- for (i = 0; i < x.length; i++) {
- x[i].style.display = "none";
- }
- slideIndex++;
- if (slideIndex > x.length) {slideIndex = 1}
- x[slideIndex-1].style.display = "block";
- setTimeout(carousel, 2000); // Change image every 2 seconds
- }
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement