<!DOCTYPE html>
<html>
<title>W3.JS</title>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<script src="https://www.w3schools.com/lib/w3.js"></script>
<body class="w3-container">
<h2>Testing W3.JS with CSS</h2>
<p>The slideshow is an object, with methods like next/previous:</p>
<img class="nature" src="img_snowtops.jpg" width="50%">
<img class="nature" src="img_mountains.jpg" width="50%">
<img class="nature" src="img_nature.jpg" width="50%">
<p>
<button class="w3-button w3-green" onclick="myShow.previous()">Previous</button>
<button class="w3-button w3-green" onclick="myShow.next()">Next</button>
</p>
<script>
myShow = w3.slideshow(".nature", 0);
</script>
</body>
</html>