HTML-слайд-шоу W3.JS
Начать слайд-шоу:
w3.slideshow(selector, interval (milliseconds))
Пример
<img class="nature" src="img_snowtops.jpg">
<img class="nature" src="img_mountains.jpg">
<img class="nature" src="img_nature.jpg">
<script>
w3.slideshow(".nature");
</script>
Нет автозапуска
Чтобы слайд-шоу не запускалось автоматически, установите для параметра interval значение 0:
Пример
w3.slideshow(".nature", 0);
Следующий слайд
Добавьте кнопки для просмотра слайд-шоу:
Когда вы инициируете слайд-шоу, функция w3.slideshow() возвращает объект, представляющий слайд-шоу.
var
myShow = w3.slideshow(".nature", 0);
Объект слайд-шоу содержит свойства и методы, такие как next() и previous():
Пример
<button onclick="myShow.previous()">Previous</button>
<button onclick="myShow.next()">Next</button>
Больше слайд-шоу
Любой элемент HTML может быть включен в слайд-шоу.
Определите, какие, используя селекторы CSS.
Пример
Заголовки:
<h1 class="city">London</h1>
<h1 class="city">Paris</h1>
<h1
class="city">Tokyo</h1>
<script>
w3.slideshow(".city");
</script>