Line 75: | Line 75: | ||
} | } | ||
</style> | </style> | ||
− | + | ||
<body> | <body> | ||
<h2>Automatic Slideshow</h2> | <h2>Automatic Slideshow</h2> | ||
− | |||
<div class="slideshow-container"> | <div class="slideshow-container"> | ||
− | |||
<div class="mySlides fade"> | <div class="mySlides fade"> | ||
<div class="numbertext">1 / 3</div> | <div class="numbertext">1 / 3</div> | ||
Line 88: | Line 86: | ||
<div class="text">Caption Text</div> | <div class="text">Caption Text</div> | ||
</div> | </div> | ||
− | |||
<div class="mySlides fade"> | <div class="mySlides fade"> | ||
<div class="numbertext">2 / 3</div> | <div class="numbertext">2 / 3</div> | ||
Line 94: | Line 91: | ||
<div class="text">Caption Two</div> | <div class="text">Caption Two</div> | ||
</div> | </div> | ||
− | |||
<div class="mySlides fade"> | <div class="mySlides fade"> | ||
<div class="numbertext">3 / 3</div> | <div class="numbertext">3 / 3</div> | ||
Line 100: | Line 96: | ||
<div class="text">Caption Three</div> | <div class="text">Caption Three</div> | ||
</div> | </div> | ||
− | |||
</div> | </div> | ||
+ | |||
<br> | <br> | ||
Line 128: | Line 124: | ||
slides[slideIndex-1].style.display = "block"; | slides[slideIndex-1].style.display = "block"; | ||
dots[slideIndex-1].className += " active"; | dots[slideIndex-1].className += " active"; | ||
− | setTimeout(showSlides, | + | setTimeout(showSlides, 6000); // Change image every 2 seconds |
} | } | ||
</script> | </script> |
Revision as of 17:09, 26 October 2017