-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
35 lines (29 loc) · 1.75 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Slide Projection Vanilla JS - Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="build/slide-projection.styles.min.css">
<style>
.center {
text-align: center;
}
</style>
</head>
<body>
<h1>Slide Projection (SP) <a target="_blank" href="https://github.com/turivishal/Slide-Projection-Vanilla-JS">GitHub</a></h1>
<h3>Demos:</h3>
<ul>
<li><a target="_blank" href="/demos/sp-next-prev-controls-slideshow.html">Next / Prev Controls</a> - Set inside / outside the container, Create multiple controls for single slider.</li>
<li><a target="_blank" href="/demos/sp-pause-on-hover-slideshow.html">Pause on Hover Controls</a> - Slider pause on mouse enter and play on leave.</li>
<li><a target="_blank" href="/demos/sp-caption-slideshow.html">Caption Controls</a> - Slide caption at bottom and customization.</li>
<li><a target="_blank" href="/demos/sp-manual-fx-slideshow.html">Manual Fx Controls</a> - Slide in / out effect customization, adding custom class.</li>
<li><a target="_blank" href="/demos/sp-overlay-slideshow.html">Overlay Options</a> - Title and description of slide customization.</li>
<li><a target="_blank" href="/demos/sp-speed-autoplay-slideshow.html">Speed Option</a> - Set interval time in milliseconds.</li>
<li><a target="_blank" href="/demos/sp-speed-autoplay-slideshow.html">Auto Play Option</a> - Set auto play on / off slider.</li>
<li>Multiple Slideshow in Single Page - above almost demo examples have doubled sliders.</li>
</ul>
</body>
<script src="build/slide-projection.vanilla.min.js"></script>
</html>