Click here to preview without iframe

The Simple Slider is a jQuery plugin you can use to display your image and Vimeo or Youtube videos. The CSS3 animation is driven by Animate.css. It’s mobile friendly, which support wipe left/right on your touch device.

Please remove the preview iframe on the top. Or preview with the link above. Otherwise there is a flicker white in safari every time the image changes, it’s a bug of Safari with iframe and CSS3 animation. It works fine when you don’t embed it in an iframe.

followrss

The available options

className: 'simpleSlider', // the wrapper's name
easeInType: 'fadeInLeft',  // the ease in animation style
easeOutType: 'rollOut',  // the ease out animation style            
width: 960,  // width of the slider
height: 400, // height of the slider
showArrow: true,  // display the previous/next arrow or not
showButton: true,  // display the circle buttons or not

Features:

  • CSS3 driven animation.
  • It’s lightweight.
  • Support Youtube, Vimeo video etc.
  • Touch device support. I’ve tested it in an iPhone.
  • Optional arrow and buttons.
  • FAQ is included in the source package.

Recommendations For You

jQuery OneByOne Slider Plugin:
onebyone
by
by
by
by
by
by