jor_carouselManipulation 10.0 demo
jor_carouselManipulation adds cool additional functions to the WB Carousel component ...
!NEW! in jor_carouselManipulation Update 10 - CRAZY CHICKEN UPDATE!
01. animate into position - NOW with CSS3 animation
- use the included CSS3 animate.css library or use WB CSS3 animation
- advanced option: create custom fx - (keyframe)
02. new option - auto switch
- only engage autoplay if the carousel is in view - (vertical axis)
03. new powerful options and enhancements for the thin film mode
- new option - cover switch - (block left/right on last/first slide)
- new option - smart object animation - only animate if object is not in view
- many other ...
- see a full thin film Demo - HERE
04. many fixes and enhancements for RWD design compatibility
ALL COOL ADDITIONAL FUNCTIONS
01. a new autoplay timer with enhanced functions
- loop continues playing after event click
- optional WB jQuery progressbar component as a visual timer display (+single style the jQuery progressbar)
- optional WB jQuery slider component as an external slide control (+single style the jQuery slider)
- optional WB Text object as a page counter
- optional WB Image objects as next/prev navigation buttons
- optional WB Text object as a pause/resume button (+fade text option)
- optional WB object as a pause/resume by class
- optional WB Image objects as stop/play buttons
- NEW** in Update 10 - auto switch - only engage autoplay if the carousel is in view
02. event lock (prevent event bubbling, queuing)
03. add a smooth pager preview by using WB Image objects (preview on internal + external pagers)
- style the Image, Shape,ClipArt or TextArt in a WYSIWYG fashion (dimension, effects)
- preview direction - top, bottom, left, right or not used (internal - external separate)
04. restyle by re-positioning the navigations (pagers-prev-next) and customizing the pagers
05. delay autoplay first slide
06. multiple carousel instances
07. all jor_carouselManipulation functions synced to internal and external navigation (exclude: swipe)
08. background properties per frame (color/image/-repeat/etc)
09. thin film carousel - full width carousel which allows the content to be visible w/ transparent blocks on either side
- NEW** in Update 10 - cover switch + smart object animation
10. effect direction mode - 2 modes random and clock-wise
11. callback before
12. animate any WB object inside the carousel into position - jQuery left, right, top, bottom position and/or fade-in
- works on pretty much any WB object inside the carousel by ID (set fx,delay,speed,easing)
- works in combination with all available carousel effects
- works in full width mode
- works with all jor_carouselManipulation's internal and external functions
- NEW** in Update 10 - CSS3 animation - animate.css library incl. + create custom fx (keyframe) + target by class
13. external control by use of classes (next/prev/stop/play/pager)
14. autoplay in random order
15. NEW** in Update 10 - full width pseudo fix - kill overlap (remove overlap) + staticX (counter horizontal scrollbar)
16. NEW** in Update 10 - full RWD compatible
jor_carouselManipulation 2012 - 2015
Extension and Code: jordan (6j6)