mirror of
https://github.com/webslides/WebSlides.git
synced 2025-08-17 10:30:51 +02:00
0.2 (auto slide)
This commit is contained in:
committed by
GitHub
parent
c0d52f1aa7
commit
9f5773350d
@@ -11,6 +11,7 @@ Good karma and productivity. Just a basic knowledge of HTML and CSS is required.
|
|||||||
- Navigation (horizontal and vertical sliding): touchpad, keyboard shortcuts, and swipe.
|
- Navigation (horizontal and vertical sliding): touchpad, keyboard shortcuts, and swipe.
|
||||||
- Slide counter.
|
- Slide counter.
|
||||||
- Permalinks: go to a specific slide.
|
- Permalinks: go to a specific slide.
|
||||||
|
- Autoslide
|
||||||
- Simple CSS alignments. Put content wherever you want (vertical centering...)
|
- Simple CSS alignments. Put content wherever you want (vertical centering...)
|
||||||
- 40+ components: background images/videos, quotes, cards, covers...
|
- 40+ components: background images/videos, quotes, cards, covers...
|
||||||
- Flexible blocks with auto-fill and equal height.
|
- Flexible blocks with auto-fill and equal height.
|
||||||
@@ -46,6 +47,11 @@ You need to add the follow javascript to initialize the webslides object.
|
|||||||
var slide = jQuery('#webslides').webslides();
|
var slide = jQuery('#webslides').webslides();
|
||||||
```
|
```
|
||||||
|
|
||||||
|
#### Auto slide
|
||||||
|
|
||||||
|
```javascript
|
||||||
|
var slide = jQuery('#webslides').webslides({interval: 5000});
|
||||||
|
```
|
||||||
Now you can use the slide with these functions:
|
Now you can use the slide with these functions:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
|
Reference in New Issue
Block a user