If you are using Bootstrap in your new project then this plugin can be very helpful for you. This plugin enhances the functionality of Bootstrap Carousel, and makes it the equivalent of today's modern sliders and carousels. This plugin is fast, small in size and very easy to use.
Try To Drag Left Or Right. You can also try sticky drag here. This also works on mobile.
Slide 1
Slide 2
Slide 3
Slide 4
Drag Vertically
Try To Drag Up Or Down. This also works on mobile.
Slide 1
Slide 2
Slide 3
Slide 4
Swipe Horizontally
Try To Swipe Left Or Right. This also works on mobile.
Slide 1
Slide 2
Slide 3
Slide 4
Swipe Vertically
Try To Swipe Up Or Down. This also works on mobile.
Slide 1
Slide 2
Slide 3
Slide 4
Centred Mode - Horizontal
Try To Drag Or Swipe Left Or Right
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Centred Mode - Vertical
Try To Drag Or Swipe Up Or Down
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Scale Horizontal
You can increase or decrease scale value as well as partial view. Try To Drag Or Swipe Left Or Right
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Scale Vertical
You can increase or decrease scale value as well as partial view. Try To Drag Or Swipe Up Or Down
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
CoverFlow Horizontal
You can increase or decrease partial view. Try To Drag Or Swipe Left Or Right
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
CoverFlow Vertical
You can increase or decrease partial view. Try To Drag Or Swipe Up Or Down
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Rotate Horizontal
You can increase or decrease partial view. Try To Drag Or Swipe Left Or Right
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Rotate Vertical
You can increase or decrease partial view. Try To Drag Or Swipe Up Or Down
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Using Animations As Sliding Effect
You can use any animation for sliding animation just create new or use animation libraries. Try To Swipe Left Or Right
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Fade Effect
Try To Swipe Left Or Right
Animate Layers
Animate text, images, icons etc. of slides with stunning animation effects. Slides change after layers animation ends. All the css animation libraries (like animate.css) are compatible with the plugin.
Slide 1
Slide 1 Heading
Slide 1 description paragraph
Slide 2
Slide 2 Heading
Slide 2 description paragraph
Slide 3
Slide 3 Heading
Slide 3 description paragraph
Slide 4
Slide 4 Heading
Slide 4 description paragraph
Thumbnails Horizontal - Absolute Position
You can set position of thumbnails top, bottom, left or right easily. Try To Drag Left Or Right. This also works on mobile.
Thumbnails Horizontal - Relative Position
You can set position of thumbnails top, bottom, left or right easily. Try To Drag Left Or Right. This also works on mobile.
Thumbnails Vertical Absolute Position
You can set position of thumbnails top, bottom, left or right easily. Try To Drag Left Or Right. This also works on mobile.
Thumbnails Vertical Absolute Position
You can set position of thumbnails top, bottom, left or right easily. Try To Drag Left Or Right. This also works on mobile.
Auto Height
Height will change according to the height of images. Try To Drag Left Or Right. This also works on mobile.
Autoplay
All slides will change on different time interval and cycle stops at the end slide.
5000ms
6000ms
3000ms
10000ms
Manual Play
Slide cycle will not play automatically until we changed first manually.
Slide 1
Slide 2
Slide 3
Slide 4
Stop Cycle
When cycle reaches on last it will stop the cycle.
Slide 1
Slide 2
Slide 3
Slide 4
Mousewheel Control
Try To Use Mousewheel.
Slide 1
Slide 2
Slide 3
Slide 4
Keyboard Control Horizontal
Click on me and then press tab key. Then Try To Use left & right keyboard arrow keys.
Slide 1
Slide 2
Slide 3
Slide 4
Keyboard Control Vertical
Click on me and then press tab key. Then Try To Use Up & Down keyboard arrow keys.
Slide 1
Slide 2
Slide 3
Slide 4
Pause On Hover
You can pause the cycling of the slider on mouseenter and resumes the cycling of the slider on mouseleave.
Slide 1
Slide 2
Slide 3
Slide 4
Slide Duration
You can set transition duration value for each slide.
Slide 1
Slide 2
Slide 3
Slide 4
Slide Transition Timing Function
You can also change the transition timing function.
Slide 1
Slide 2
Slide 3
Slide 4
Threshold Value
By setting the threshold you can set how far the user must swipe or drag before it is considered a swipe. Swipe or Drag at least 200px then will change.