SKDSlider is a jquery responsive Image Slider. It is very light weight and 100% responsive. It can be used in full width mode. Works on almost all browser. It slides almost anything. Swipe/touch events will work for mobile devices. Here are some demos:

Full Width Demo:

Slider Title 1

Demo description here. Demo description here. Demo description here. Demo description here. Demo description here. more

Slider Title 2

Demo description here. Demo description here. Demo description here. Demo description here. Demo description here. more

Slider Title 4

Demo description here. Demo description here. Demo description here. Demo description here. Demo description here. more

Slider Title 6

Demo description here. Demo description here. Demo description here. Demo description here. Demo description here. more



Sliding Demo:

Slider Title 1

Demo description here. Demo description here. Demo description here. Demo description here. Demo description here. more

Slider Title 2

Demo description here. Demo description here. Demo description here. Demo description here. Demo description here. more

Slider Title 4

Demo description here. Demo description here. Demo description here. Demo description here. Demo description here. more

Slider Title 6

Demo description here. Demo description here. Demo description here. Demo description here. Demo description here. more

How to use?

$('#demo').skdslider({'delay':5000, 'animationSpeed': 2000});

Available Options

Option Description
slideSelector Define your slide css selector. Default selector: .slide
activeClass Define what class would be set as active class to the active slide. Defaul class name: active
delay Delay duration between two slides in micro seconds. Example: 5000
animationSpeed Fading Speed in micro seconds. Example: 2000
animationType fading/sliding - Default value is fading.
showNav true/false - Default value is true. It will show/hide navigation icon
numericNav true/false - Default value is false. If true, navigation will be numeric
autoSlide true/false - Default value is true. Automatically start slideshow
showNextPrev true/false - Default value is false. Either it will show next/prev button or not
showPlayButton true/false - Default value is false. Either it will show play/pause button or not
pauseOnHover true/false - Default value is false. Pause sliding on mouse hover
stopSlidingAfter Default value is false. Other allowed values are 'all', 1,2,3.. If this properties is set, sliding will automatically stop at the specified slide
onMarkup It is a hooking api and will be invoked just before UI is generated. So it is possible to modify ui like navigiation layout without modify core file. (example: coming soon...)

Download SkdSlider


Click here to download SKDSlider

Joomla Module for skdslider. Its here. Just download from following link. It is for joomla 2.x+

Click here to download SKDSlider Joomla Module

Opencart Module for skdslider.

Thanks :)