slidy_css_and_JS.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Slidy CSS and JS</title>
	<link rel="stylesheet" href="css/slidy_css_and_JS.css">
</head>
<body>
	<div id="slidy-container">
		<figure id="slidy">
			<img src="./images/background.jpg" alt="" data-caption="A colored background">
			<img src="./images/butterfly-on-petal.jpg" alt="" data-caption="A butterfly on a petal">
			<img src="./images/butterfly-on-yellow-flower.jpg" alt="" data-caption="a butterfly on a yellow flower">
		</figure>
	</div>
</body>
<script src="js/cssslidy.js"></script>
<script>cssSlidy({captionPosition: 'top', slidyDirection: 'left', captionAppear: 'fade'});</script>
</html>