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 jQuery OneByOne Slider Plugin: