Lightweight Automatic Slideshow Plugin For jQuery
File Size: | 1.02 MB |
---|---|
Views Total: | 938 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

Yet another jQuery plugin to generate a basic slideshow from an array of images that feature autoplay, image captions, and custom animations.
Basic Usage:
1. Include jQuery library and the jQuery nhduongSlide.js script on your web page.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="js/nhduongSlide.js"></script>
2. Create a wrapper element for the slideshow.
<div id="wrapper"> </div>
3. Create an array of images with captions for the slideshow.
var images = [ { caption : "Caption 1", url : "images/1.png" }, { caption : "Caption 2", url : "images/2.png" }, { caption : "Caption 3", url : "images/3.png" }, { caption : "", url : "Caption 4" } ];
4. Call the plugin on the wrapper and set the options for the slideshow.
$('#wrapper').nhduongSlide({ speed : 3000, effect : 'slow', width : 600, height : 250, auto_play : true, controlBtn : { top : 218, left : 242 }, caption_position : { top : 20, left : 0 }, images :images });
This awesome jQuery plugin is developed by nhduong29. For more Advanced Usages, please check the demo page or visit the official website.