Smoothslides – A simple, lightweight, and responsive jQuery slideshow

A simple, lightweight, and responsive jQuery slideshow by Kevin Thornbloom that features Ken Burns type animations.

Smoothslides - A simple, lightweight, and responsive jQuery slideshow Smoothslides - A simple, lightweight, and responsive jQuery slideshow

 

Features

  • Lightweight [3.5Kb]
  • Four Animation Types: Zoom In, Zoom Out, Pan Left, Pan Right
  • Easily add captions
  • CSS3 transitions for smoother effects
  • Responsive image sizes (resize this page)

Usage

  1. Include jQuery, smoothslides.js, andsmoothslides.css
  2. Create a div with a class of “ss-slides”. Create each slide within as a div called “ss-slide” and place your image inside. Images should be the same size.
  3. Want a caption? Add a title attribute to your “ss-slide” div.

Customization

The slideshow will randomly pick animation effects as it plays. The timing of the slideshow is set in milliseconds via the playTimer variable within the javascript file. The styling of the slideshow can be changed by editing the kenburns.styles.css file.

Demo Download

Divi WordPress Theme

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close