1
0
mirror of https://github.com/webslides/WebSlides.git synced 2025-08-17 18:37:00 +02:00

0.2 (auto slide)

This commit is contained in:
José Luis Antúnez
2017-02-23 00:00:04 +01:00
committed by GitHub
parent c0d52f1aa7
commit 9f5773350d

View File

@@ -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