Lightweight Automatic Slideshow Plugin For jQuery

Lightweight Automatic Slideshow Plugin For jQuery
File Size: 1.02 MB
Views Total: 903
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.