Features
- Responsive: This is default by design. All slides must have equal width / height. This plugin is not for variable height photos
- Lightweight: Only 3KB (compressed)
- Navigation: Options for previous and next buttons, pager, as well as keyboard navigation.
- Easy to use: Just include the js/css and called .eSslideshow() any div containing slides
- Flexible: Use images for slides, or use div content (must be equal wid/height). Slideshow adds .eS-active class to active slides so that you can customize CSS3 animations if wanted.
Options
-
speed: Speed of transition
- Default: 1000
-
interval: Time between transitions
- Default: 5000
-
delay: Time before slidshow starts
- Default: 0
-
pauseonhover: Pause the slideshow when mouse over
- Default: true
-
manual: Manual control uses only navigation or keyboard (if enabled)
- Default: false
-
navigation: Enable the left and right arrows on hover
- Default: true
-
navfactor: The arrow size is calcuated using this factor, so that it stays proportionate to the size of the slideshow
- Default: 15
-
prev: Change the previous arrow symbol (text/unicode, use ' ' and class .eS-prev for graphical arrow)
- Default: '◄'
-
next: Change the next arrow symbol (text/unicode, use ' ' and class .eS-next for graphical arrow)
- Default: '►'
-
rounding: Adds rounded corners to slideshow, can use any number or percent
- Default: 20
-
pager: Display the pager (style pager using class .eS-pager, .eS-pager > span, and .eS-pager > span.eS-active)
- Default: false
-
keyboard: Allow keyboard navigation on focus)? (left and right arrow, must click to focus does not focus on hover)
- Default: true
