jQuery Simple Slider Plugin

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.

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