-
Notifications
You must be signed in to change notification settings - Fork 0
/
README
36 lines (24 loc) · 1.7 KB
/
README
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
36
DWay is a three way slider based on prototype (http:/prototypejs.org/), script.aculo.us (http://script.aculo.us/) and the SmoothScroll effect from Bruno Bornsztein's "Glider" (http://www.missingmethod.com/projects/glider/)
== Installation/Usage
Put the 3 files in the /lib folder and Dway.js (/src folder) into a directory on your webserver (e.g. /js).
Copy the stylesheet dway.css to a directory on your webserver (e.g. /css)
Add the following tags to the HEAD section of your HTML page:
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/effects.js" type="text/javascript"></script>
<script src="js/effect.smoothscroll.js"></script>
<script src="js/Dway.js"></script>
<link rel="stylesheet" type="text/css" href="css/dway.css" />
Create a <ul> inside a <div>, containing the images in <li>-elements. (If the number of <li>-elements isn't divisable by 3, the last one(s) will be ignored and removed from the DOM.)
Initiate the DWay slider by passing the id of the <div>-element.
var myDway = new DWay('idOfWrapperDiv');
Available options:
duration: duration of transition in seconds (as float) - default: 0.5
frequency: seconds to wait between automatic transition - default: 5
autoStart: start and repeat transitions after setup - default: false
startIndex: index of the image-set you want to display after setup - default: 0
Pass the options as second parameter.
var myDway = new DWay('idOfWrapperDiv', {duration: 0.4, frequency: 3, autoStart: true});
== License
DWay is licensed under the terms of the GPL License.
See the included GPL-license.txt file.
The sample images contained in the example folder are licensed under creative commons license.