29 lines
1.3 KiB
HTML
29 lines
1.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>simple-slideshow demo</title>
|
||
|
|
<link rel="stylesheet" href="../src/slideshow.css">
|
||
|
|
<style>
|
||
|
|
.slideshow {
|
||
|
|
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<ul class="slideshow">
|
||
|
|
<li><a href="https://www.flickr.com/photos/olemichelsen/15555225022"><img src="https://farm4.staticflickr.com/3941/15555225022_38ca81e63c_b.jpg" title="Test 1" alt="Description for image 1"></a></li>
|
||
|
|
<li><a href="https://www.flickr.com/photos/olemichelsen/15368756380"><img src="https://farm6.staticflickr.com/5604/15368756380_97b36c63b4_b.jpg" title="Test 2" alt="Description for image 2"></a></li>
|
||
|
|
<li><a href="https://www.flickr.com/photos/olemichelsen/15368371277"><img src="https://farm4.staticflickr.com/3953/15368371277_89bdc3fee1_b.jpg" title="Test 3" alt="Description for image 3"></a></li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<script src="../src/slideshow.js"></script>
|
||
|
|
<script>
|
||
|
|
window.addEventListener('load', function () {
|
||
|
|
var slsh = new SlideShow('.slideshow', {timeout: 5000});
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|