Lightweight Cross-browser Image Slider Plugin For jQuery - dropSlider

Just another jQuery based image slider / slideshow that allows you to switch between images with a 'falling' effect using jQuery animate() method.

How to use it:

1. Load the jQuery dropSlider plugin's stylesheet file in the head section of your web page.

<link rel="stylesheet" href="css/drop_style.min.css">

2. Add a set of images into a DIV container.

<div id="demo">
  <img src="img/img1.jpg" />
  <img src="img/img2.jpg" />
  <img src="img/img3.jpg" />
  <img src="img/img4.jpg" />
  ...
</div>

3. Load the jQuery dropSlider plugin's script after jQuery library but before the closing body tag.

<script src="jquery.min.js"></script>
<script src="js/drop_script.min.js"></script>

4. Initialize the image slider with default parameters.

$('#demo').dropSlide();

5. The DropSlider plugin has two parameters to control the slider's size.

// width:400px, height:200px
$('#demo').dropSlide(400,200);

---

This awesome jQuery plugin is developed by magnorion. For more Advanced Usages, please check the demo page or visit the official website.