W3.JS Slideshow
Start slideshow
No Autostart
To prevent the slideshow from starting automatically, set the interval parameter to 0:
Example
w3.slideshow(".nature", 0);
Next Slide
Add buttons to browse through the slideshow:
myShow = w3.slideshow(".slides3", 0);
When you initiate a slideshow, the w3.slideshow() function returns an object representing the slideshow.
var
myShow = w3.slideshow(".nature", 0);
The slideshow object contain properties and methods, such as next() and previous():
Example
<button onclick="myShow.previous()">Previous</button>
<button onclick="myShow.next()">Next</button>
More Slideshows
Any HTML element can be included in a slideshow.
Define which, by using CSS selectors.
Example
Headers:
<h1 class="city">London</h1>
<h1 class="city">Paris</h1>
<h1
class="city">Tokyo</h1>
<script>
w3.slideshow(".city");
</script>