forked from andypa/jquerymobile-carousel
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathREADME
27 lines (19 loc) · 810 Bytes
/
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
Requirements:
- jQuery Mobile 1.0b1
- jQuery 1.6.1
Usage:
<ul id="carousel">
<li><img src='http://lorempixum.com/500/500/nature/1' width="100%"></li>
<li><img src='http://lorempixum.com/500/500/nature/2' width="100%"></li>
<li><img src='http://lorempixum.com/500/500/nature/3' width="100%"></li>
<li><img src='http://lorempixum.com/500/500/nature/4' width="100%"></li>
</ul>
To initiate the image carousel, add following script:
$(document).ready(function() {
$('#carousel').carousel({endless: true});
});
The options currently are:
endless: true/false (default: true)
If endless is set to true, following functionality is activated:
- If you are on the first image and swiperight, you jump to the last image
- If you are on the last image and swipeleft, you jump to the first image