zSlider: A beautiful JQuery Image Slider

Author: Zeeshan Rasool  |  Feb 23, 2012 JQuery, Web Design, Web Development

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:

[code type=”javascript” title=”JavaScript”]var totalThumbsFirstList = 12;
var totalThumbsSecondList = 6;[/code]

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 :

[code type=”javascript” title=”JavaScript”]var Interval = 6000;//6 seconds[/code]

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 🙂

Popular Tutorials on 99Points

Recommended WordPress Themes Stores

If you enjoyed this post, please consider leaving a comment below or subscribing to the RSS feed to have future articles delivered to your feed reader. You can also follow us on Facebook or Twitter @99Points

This awesome post has been created by 99Points editor's team. You can follow our updates on Twitter and facebook, OR drop an email at 99points.info@gmail.com

Email Subscriber!

Be the first to know about new updates

Author of 99Points
Zeeshan Rasool is an experienced PHP Web Developer and founder at 99Points. Expert in Codeigniter (MVC), WordPress, JSON, jQuery & HTML5
 LinkedIn Profile  About.me




Popular post