Feb

zSlider: A beautiful JQuery Image Slider

ZeeShaN

JQuery, Tutorials, Web Design, Web Development Tags

After Wall Scripts, JQuery galleries are most liked part on this blog So I decided to create another one. zSlider is a beautiful image slider for your web applications. I created this for those people who needs a fancy jquery image slider with a simple to use but for limited number of images. This slider accepts two lists of images, each list will have 12 thumbs limit which means you can add 24 images in this gallery. Currently this version has some limitations such as number of images to be used and maximum limit of images. But it is one of best gallery I have created.
This slider has feature such as:

- Play Paus Button
- Navigate through First and Second List
- Control images with Arrow keys on Keyboard
- Click to see a specif image
- Caption on Images

Limitations :

There are few limitations in this gallery such as you have to use 6,9 or 12 images for one slider. It means if you have 5 images then you cant use this slider. If you have 9 then add all thumbs in first list and assign var totalThumbsFirstList = 9;
and set var totalThumbsSecondList = 0; If you have 18 Images then assign 12 to first and remaining 6 to second list and then you will define param like this:

var totalThumbsFirstList = 12;
var totalThumbsSecondList = 6;

In short this is perfect for 12 or 24 images so try to use 12 or 24 images. We have another variable for controlling the sliding interval which is :

var Interval = 6000;//6 seconds

I created this by inspiring the design from premiumpixels.com Special thanks to Orman for this. I hope you will like this gallery. Previously the other image galleries are really appreciated by you guys. I received lot of emails from the readers mostly from India, USA, Indonesia, Pakistan, France and UK and all from the world. I really appreciate your love for the blog and your kind words keep me buys in creating beautiful tutorials for you guys. Thanks again