The OneByOne Slider is a lightweight, responsive & layered 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. The latest update add an extra example, which make Twitter Bootstrap Carousel support the one by one animation.
Now it’s available in WordPress (click image below)
Change logs (please re-download it if you purchase it before)
(update 15th May 2013)
- Update to the jQuery 1.9.1, and use Modernizr to detect the CSS3 transition support. You can re-download the source package if want to use it with jQuery 1.9.1.
(update 14th Nov 2012)
- Integrate with Bootstrap Carousel. You can use it on your favourite framework now.
- Add autoHideButton option, set to false to make the arrows always be visible.
- Update the help documentation.
(update 14th Sep 2012)
- Add responsive example.
- Add fade transition in IE9-, which doesn’t support the CSS3 transition.
- Now you can customize each slide’s animation, even each element in the slide’s animation.
- Add hover to pause option of the slideshow.
- Added ‘fadeInLeftBig’, ‘fadeInRightBig’, ‘fadeInUpBig’, ‘fadeInDownBig’, ‘flipInX’, ‘flipInY’, ‘lightSpeedIn’ animation.
- Fix bugs: link can’t be clicked in the iOS.
- Update to jQuery 1.8.1.
Purchase the extended license?
I appreciate if you can put this item’s link in your item’s description. Please provide only the minified version of js file on your theme, and one extended license can be using on a theme only.
- CSS3 driven animation, hardware accelerated CSS3 transitions for supported modern browser.
- Responsive support, example included.
- Mobile friendly, you can use it in a touch device.
- Optional auto delay slideshow, optional hove to pause the slideshow.
- Each slide or element’s animation can be customized.
- 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.
About the CSS3 transition
Note: The CSS3 transition only works in the modern browser like Firefox, Safar and Chrome. Which doesn’t work in IE7, 8 & 9, it seems the IE 10 will support it.
For jQuery 1.8.0 user
It seems there is a bug with jQuery 1.8.0, please download the Uncompressed version of jQuery and comment line 4521, then this plugin will work fine.
// throw new Error( "Syntax error, unrecognized expression: " + msg );
Available plugin settings
// the wrapper's name className: 'oneByOne', // the wrapper div's class name of each slider sliderClassName: 'oneByOne_item', // pause the auto delay slideshow when user hover pauseByHover: true, // the global ease animation style, // take effect if you don't pre-defined it in the element easeType: 'fadeInLeft', // width of the slider width: 960, // height of the slider height: 420, // the delay of the touch/drag tween delay: 300, // the tolerance of the touch/drag tolerance: 0.25, // enable or disable the drag function by mouse enableDrag: true, // display the previous/next arrow or not showArrow: true, // auto hide the arrows when user leave the slider or not autoHideButton: true, // display the circle buttons or not showButton: true, // auto play the slider or not slideShow: false, // the delay millisecond of the slidershow slideShowDelay: 3000, // set responsive to true, when you'll change the // slider's size with the media query in CSS responsive: true // when slider is smaller than minWidth, // the text are be hidden in the responsive minWidth: 480
‘fadeIn’, ‘fadeInUp’, ‘fadeInDown’, ‘fadeInLeft’, ‘fadeInRight’, ‘fadeInRight’, ‘bounceIn’, ‘bounceInDown’, ‘bounceInUp’, ‘bounceInLeft’, ‘bounceInRight’, ‘rotateIn’, ‘rotateInDownLeft’, ‘rotateInDownRight’, ‘rotateInUpLeft’, ‘rotateInUpRight’, ‘fadeInLeftBig’, ‘fadeInRightBig’, ‘fadeInUpBig’, ‘fadeInDownBig’, ‘flipInX’, ‘flipInY’, ‘lightSpeedIn’ or ‘random’
Recommendations For You
XML Image/Video Grid Gallery:
The AS3 Flash Fotography Template:
Download Png Image
Subscribe Our Youtube Channel
How you can Delete Albums on i phone
There are 2 different ways to delete albums on your iPhone. A technique is to sync your gadget with iTunes...
Avast Review — Pros and Cons of Avast Ant-virus
In this Avast review, we will look on the advantages and disadvantages on this antivirus software program. Fortunately, most users...
The Best Free VPNs
If you’re on a tight budget and don’t desire to use a paid out service, there are many free VPNs...
How you can make a Collage on iPhone
If you’re wondering making a collage on your i phone, this article will present to you how to do it....
Netfiles Dataroom Assessment – If you decide to Read a Netfiles Dataroom Review?
When you are taking into consideration which dataroom software application to work with, you might be wanting to know which...
The Online Dating Disease
A recent review suggests a rise in cases of sexually transmitted ailments due to internet dating. The Centers for Disease...
Who Else Wants to Do My Essay For Cheap?
If you’re struggling with college work and looking for someone to write my essay, then you’re all on your own....
Poetry Analysis Of “introduction To Poetry” Free Essay Example
Homework Lab doesn’t bear any responsibility for the unauthorized submission of the examples. First, you would wish to take a...
Totally free Antivirus Vs Paid Malware
While there are plenty of options for free antivirus applications on the market, these items usually come with limitations. Totally...
OnBoard Board Webpages Review
This On-ship Board Web destination Review can be described as comprehensive evaluate the benefits and drawbacks with this software. This...
Using Virtual Reality to Engage Special Demands Students
VR is mostly a new form of entertainment that allows users to immerse themselves in an encounter like zero other....
Antivirus Software Rewards
Antivirus computer software can help give protection to your computer against phishing scams and destructive software. Older adults are particularly...
Ideal Data Room Services
Best data room providers are a combination of functionality and ease of use. Some data room providers present features such...
On the web Security Guidelines
In an progressively connected world, web based security is of critical importance for everyone, right from individuals to businesses. We...
What you need to Know About Organization Process Motorisation Software
While you’re continue to deciding whether to use organization process motorisation software, there are a few things you should know...
Wordpress Plugin9 months ago
Real Estate Agency Portal
Video Templates2 years ago
Cartoon Logo Reveal | After Effects Template
Scripts2 years ago
Signup Php Portal
Wordpress Plugin3 years ago
AdLinkFly – Monetized URL Shortener
Scripts3 years ago
GetFund – A Professional Laravel Crowdfunding Platform
Software3 years ago
Ardfry psd codec free download With Licence Key
Video Templates2 years ago
Trendy Sales Badges – MOGRT
Wordpress Themes3 years ago
VideoPro Video WordPress Theme 188.8.131.52