slider-pro
v1.6.2
Responsive jQuery slider, featuring modular architecture, CSS3 animations, touch swipe, animated layers, retina, lazy loading and much more.
604/weekUpdated 3 years agoMITUnpacked: 655.6 KB
Published by bqworks
npm install slider-proSlider Pro - jQuery slider plugin #
A modular, responsive and touch-enabled jQuery slider plugin that enables you to create elegant and professionally looking sliders.
>The slider is also available in Vanilla JavaScript and as a WordPress plugin.
Main features:
* modular architecture
* responsive
* touch-swipe
* CSS3 transitions
* animated layers (and static)
* infinite scrolling
* carousel layout
* different sized images
* full width and full window support
* thumbnails
* deep linking
* lazy loading
* retina-enabled
* fade effect
* full-screen support
* CSS-only navigation controls (no graphics) for easy customization
* video support
* conditional images (different images for different screen sizes)
* JavaScript breakpoints
Check the plugin's presentation page for examples and more details of the available features.
Getting started ##
$3
You can fork or download the plugin from GitHub, or you can install it through npm or bower.
``
$ npm install slider-pro
`
$ bower install slider-pro
$3
Inside the page's head tag include the slider's CSS file.
`html`
In the page's footer, just before </body>, include the required JavaScript files.
`html`
From unpkg.com:
`html`
$3
`html`
The structure you see in the code above (slider-pro > sp-slides > sp-slide) as well as the class names used are required.
If you add an image to the slide and you want it to behave like a background image you need to add the sp-image class to it.
More about the supported content (i.e., layers, html, video) in the Modules doc.
$3
`html``
Slider Pro has 50+ options which you can pass to the slider when you instantiate it. More about this in the JavaScript API doc.
Detailed usage instructions ##
* JavaScript API
* 1. Properties
* 2. Public Methods
* 3. Callbacks
* Modules
* 1. Fade
* 2. Caption
* 3. Full Screen
* 4. Lazy Loading
* 5. Retina
* 6. Conditional Images
* 7. Layers
* 8. Deep Linking
* 9. Autoplay
* 10. Touch Swipe
* 11. Buttons
* 12. Arrows
* 13. Keyboard
* 14. Thumbnails
* 15. Thumbnail Touch Swipe
* 16. Thumbnail Arrows
* 17. Video
Support ##
If you found a bug or have a feature suggestion, please submit it in the Issues tracker.
If you need help with implementing the slider in your project, I recommend using Stack Overflow instead of the Issues tracker.
License ##
The plugin is available under the MIT license.