jQuery OneByOne Slider Plugin

Click here to preview without iframe

The OneByOne Slider is a lightweight jQuery plugin you can use to display your image and text one by one. The CSS3 animation is driven by Animate.css. It’s mobile friendly, which support wipe left/right on your touch device like iPhone & iPad. You can drag and drop to navigate with your mouse too.

Purchase the extended license?

I appreciate if you can put this item’s link in your item’s description when use it in a theme.

Like to pause the slideshow when mouse hover?

Please drop me a line via my profile page’s contact form. I can send you the update source.

Available plugin settings

className: 'oneByOne', // the wrapper's name
sliderClassName: 'oneByOne_item',  // the each slider div's class name
easeType: 'fadeInLeft',  // the ease animation style
width: 960,  // width of the slider
height: 420, // height of the slider
delay: 300,  // the delay of the touch/drag tween
tolerance: 0.25, // the tolerance of the touch/drag  
enableDrag: true,  // enable or disable the drag function by mouse
showArrow: true,  // display the previous/next arrow or not
showButton: true,  // display the circle buttons or not
slideShow: false,  // auto play the slider or not
slideShowDelay: 3000 // the delay millisecond of the slidershow

Available easeType

‘rollIn’, ‘fadeIn’, ‘fadeInUp’, ‘fadeInDown’, ‘fadeInLeft’, ‘fadeInRight’, ‘fadeInRight’, ‘bounceIn’, ‘bounceInDown’, ‘bounceInUp’, ‘bounceInLeft’, ‘bounceInRight’, ‘rotateIn’, ‘rotateInDownLeft’, ‘rotateInDownRight’, ‘rotateInUpLeft’, ‘rotateInUpRight’ or ‘random’

Features:

• CSS3 driven animation, hardware accelerated CSS3 transitions for supported modern browser.
• Mobile friendly, you can use it in a touch device.
• It’s lightweight, the compressed javascript is only 4kb.
• Optional auto delay slideshow.
• Optional drag function of mouse.
• Optional animation style, can be in random or any other type.
• Optional arrow and buttons.
• FAQ is included in the source package.
• Free update, you can download the future update for free.

Credit

Animate.css is from Dan Eden.

Recommendations For You

XML Image/Video Grid Gallery:

The AS3 Flash Fotography Template: