Get new jQuery plugins just once a week



August 15, 2015

SmoothSlides | Responsive jQuery slideshow with Ken Burns style animations

SmoothSlides is a jQuery plugin to create Responsive slideshow with Ken Burns style animations.

It has got the following options :-

Name Description Available Options Default
effectDuration Length of time in milliseconds for the effect User Specified 6000
transitionDuration Length of time in milliseconds for the fade between slides User Specified 500
autoPlay Option to automatically start playing on page load ‘true’ or ‘false’ ‘true’
effect Type of panning effect used. ‘crossFade’ ‘zoomOut’ zoomIn’ ‘panUp’ ‘panDown’ ‘panLeft’ ‘panRight’ ‘diagTopLeftToBottomRight’ ‘diagTopRightToBottomLeft’ ‘diagBottomRightToTopLeft’ ‘diagBottomLeftToTopRight’
Note: You may choose a subset of effects by comma seperating such as ‘zoomOut,zoomIn’.
Randomly picks from all options
effectEasing CSS easing used for effects ‘ease’ ‘ease-in’ ‘ease-out’ ‘ease-in-out’ ‘linear’ ‘ease-in-out’
nextText Text appearing in the next button User Specified ‘ ►’
prevText Text appearing in the back button User Specified ‘◄ ‘
captions Whether or not to display captions using the image’s alt tag ‘true’ or ‘false’ ‘true’
navigation Whether or not to display previous/next buttons ‘true’ or ‘false’ ‘true’
pagination Whether or not to display dots representing each slide ‘true’ or ‘false’ ‘true’
matchImageSize True sets a maximum width based on your image sizes. False allows width to be greater than image size, scaling up the images. ‘true’ or ‘false’ ‘true’

Created by Kevin Thornbloom


SmoothSlides jQuery plugin



A responsive jQuery slideshow with beautiful panning effects on each image. Created by Kevin Thornbloom

Demo & Docs

Demo Page


Related posts:

SmoothSlides jQuery plugin

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever
Couple Gift Ideas