New wiki-page
(Created page with "<div class="w3-container"> <h2>Slideshow Indicators</h2> <p>An example of using buttons to indicate how many slides there are in the slideshow, and which slide the user is...") |
mNo edit summary |
||
| (14 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
< | <style> | ||
.mySlides {display:none;} | |||
</style> | |||
</ | |||
<script> | <script> | ||
var slideIndex = | var slideIndex = <!--{$firstslide}-->; | ||
showDivs(slideIndex); | showDivs(slideIndex); | ||
Latest revision as of 12:16, 22 July 2017
<style> .mySlides {display:none;} </style>
<script> var slideIndex = ; showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function currentDiv(n) {
showDivs(slideIndex = n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("demo");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" w3-red", "");
}
x[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " w3-red";
} </script>