All In One Slider Responsive Jquery Slider Plugin icon

All In One Slider Responsive Jquery Slider Plugin

Hot or Not
All In One Slider Responsive Jquery Slider Plugin

Description

All In One is an Advanced Jquery Slider which comes in 5 flavors: Banner Rotator, Thumbnails Banner, Banner with Playlist, Content Slider, Carousel. It allows you to easily create powerful sliders with animated text using HTML standard tags, making the slider very easy to setup and maintain. Please see the features for each product and check the live preview of this slider and convince yourself of its quality.

UPDATE COMPLETE, VERSION V 3.0 IS AVAILABLE. CHECK LIVE PREVIEW!

New Features: – Responsive behavior – Full Width version – Top right circle timer ... and many code improvements

NEED THE WORDPRESS PLUGIN FOR THIS PRODUCT? YOU CAN DOWNLOAD IT FROM HERE:

All In One Banner includes 5 types of banners:

- Banner Rotator - Thumbnails Banner - Banner with Playlist - Content Slider - Carousel

NEW: From these banners you can create, in just a minute, sidebar banners or mini-galleries.

BANNER ROTATOR

  • touch screen navigation support for mobile
  • responsive design. Available parameter to disable responsive behaviour
  • 3 predefined skins
  • 16 photo transition effects
  • Animated text from any direction: top, bottom, left and right. CSS and HTML formated
  • external url link parameter for large image
  • target parameter: _blank or _self
  • width & height parameters
  • autoplay parameter
  • loop parameter
  • randomize images parameter
  • show/hide controllers parameter
  • show/hide bottom thumbs parameter
  • circle timer parameters for color, dimensions, transparency
  • you can insert multiple instances in the same page with the same skin or using a different skin.

THUMBNAILS BANNER

  • touch screen navigation support for mobile
  • responsive design. Available parameter to disable responsive behaviour
  • 3 predefined skins
  • 16 photo transition effects
  • Animated text from any direction: top, bottom, left and right. CSS and HTML formated
  • external url link parameter for large image
  • target parameter: _blank or _self
  • width & height parameters
  • autoplay parameter
  • loop parameter
  • randomize images parameter
  • show/hide controllers parameter
  • show/hide tumbs parameter
  • thumbs reflection parameter
  • circle timer parameters for color, dimensions, transparency
  • you can insert multiple instances in the same page with the same skin or using a different skin.

PLAYLIST BANNER

  • touch screen navigation support for mobile
  • responsive design. Available parameter to disable responsive behaviour
  • 3 predefined skins
  • 16 photo transition effects
  • Animated text from any direction: top, bottom, left and right. CSS and HTML formated
  • external url link parameter for large image
  • target parameter: _blank or _self
  • width & height parameters
  • autoplay parameter
  • loop parameter
  • randomize images parameter
  • show/hide controllers parameter
  • show/hide tumbs in playlist parameter
  • playlist width parameter
  • border width parameter
  • border color parameter
  • circle timer parameters for color, dimensions, transparency
  • you can insert multiple instances in the same page with the same skin or using a different skin.

CONTENT SLIDER

  • touch screen navigation support for mobile
  • responsive design. Available parameter to disable responsive behaviour
  • 3 predefined skins
  • Animated text from any direction: top, bottom, left and right. CSS and HTML formated
  • external url link parameter for large image
  • target parameter: _blank or _self
  • width & height parameters
  • autoplay parameter
  • loop parameter
  • show/hide controllers parameter
  • show/hide bottom thumbs parameter
  • circle timer parameters for color, dimensions, transparency
  • you can include YouTube, Vimeo & HTML5
  • you can insert multiple instances in the same page with the same skin or using a different skin.

CAROUSEL

  • touch screen navigation support for mobile
  • responsive design. Available parameter to disable responsive behaviour
  • 3 predefined skins
  • width & height parameters
  • number of visible items. Ex: 3, 5, 7 etc.
  • elements horizontal spacing parameter
  • external url link parameter for large image
  • target parameter: _blank or _self
  • animation time parameter
  • easing parameter
  • autoplay parameter
  • show/hide controllers parameter
  • show/hide bottom thumbs parameter
  • circle timer parameters for color, dimensions, transparency
  • you can include YouTube, Vimeo & HTML5
  • you can insert multiple instances in the same page with the same skin or using a different skin.

SIDEBAR BANNERS

From these banners you can create, in just a minute, sidebar banners or mini-galleries.

BUYERS TESTIMONIALS:

“What a wonderfully bundled package. great documentation, and user interface. clean code, and exceptional customization options. great job!” -pharmokan

“Absolutely the best slider I’ve seen and the tech support has been the best on envato yet.” -pharmokan

“Beautiful product indeed! I love all the different options. LambertGroup went over the top. Great work!” -isynthesis

“Excellent job on this one, thanks – very good flexibility and examples of how the different setups can work – nice job!” -graphic4444

UPDATES / RELEASE LOG

***Version 3.6.2 Release Date: February 10, 2022
- updates for 2022  

***Version 3.6.1.6 Release Date: October 27, 2021
- css modifications

***Version 3.6.1.5 Release Date: August 05, 2021
- code improvements

***Version 3.6.1.4 Release Date: February 09, 2021
- updates for 2021

***Version 3.6.1.3 Release Date: September 08, 2020
- reflection file updated

***Version 3.6.1.2 Release Date: August 05, 2020
- playlist scroll bug fix for slider with playlist

***Version 3.6.1.1 Release Date: July 03, 2020
- css modifications  

***Version 3.6.1.0 Release Date: January 23, 2020
- updates for 2020

***Version 3.6.1 Release Date: September 11, 2019
- bug fix for slider with thumbnails

***Version 3.6.0.1 Release Date: August 15, 2019
- updated jquery.touchSwipe.min.js file

***Version 3.6.0 Release Date: August 09, 2019
- css modifications
- new example files

***Version 3.6 Release Date: July 12, 2019
- replaced the .click(), .mouseover(), .mouseoout() etc functions with the equivalent .on()

***Version 3.5.1.1 Release Date: June 07, 2019
- code improvements

***Version 3.5.1.0 Release Date: March 15, 2019
- reflection library updated

***Version 3.5.1 Release Date: January 19, 2018
- 'centerPlugin' parameter was added. By setting it 'true' the slider will center on the page         

***Version 3.5.0.1 Release Date: October 30, 2018
- reflection library updated

***Version 3.5.0 Release Date: July 03, 2018
- new parameter added for the carousel called 'activeItemClass'. As an option, you can define a class name for the active item (the item which is in the middle)

***Version 3.5.0 Release Date: January 22, 2018
- touch navigation library update

***Version 3.5 - August 8, 2017:
- feature: new effect called 'alternateSlide'
- code improvements for IE11

***Version 3.4 - February 15, 2017: 
- feature: implemented 'touchSwipe' library instead of 'touch-punch' library.
- code improvements

***Version 3.2 - May 15, 2016: 
- code improvements for banner with playlist

***Version 3.1 - January 15, 2015: 
- code improvements

***Version 3.1 - April 3, 2013
-  fixed a problem for responsive behavior, which appeared when the product was inserted in a div with width set in percent

***Version 3.0 - Sept 22, 2012
- feature: responsive behavior
- feature: full Width version
- feature: top right circle timer
... and many code improvements

***Version 2.3 - March 30, 2012
- feature: external links to the entire image for Content Slider

***Version 2.2 - March 20, 2012
- bug fix: reduced z-index for Banner Rotator

***Version 2.0 - March 8, 2012
- feature: touch screen navigation for IOS and Android

***Version 1.0 Release Date: February 09, 2012

Keywords: all in one, banner rotator, caption, carousel, gallery, image, jquery, mobile, plugin, IOS, resizable, sidebar, slider, slideshow, touch

If you need additional information don’t hesitate to contact us at office@lambertgroup.ro. We’ll try to answer you as quickly as possible. Enjoy!

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.

jQuery Responsive OneByOne Slider Plugin icon

jQuery Responsive OneByOne Slider Plugin

Hot or Not
jQuery Responsive OneByOne Slider Plugin

Description

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.

Features:

  • 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.
  • It’s lightweight, the compressed javascript is only 4kb.
  • 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

Available easeType

‘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’

Credit

Animate.css is from Dan Eden. The background image in the bootstrap example is from photos8.

Recommendations For You

XML Image/Video Grid Gallery: The AS3 Flash Fotography Template:

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.