Location:Home > JS special effects code > Carousel and switch

FlexSlider picture carousel switch jQuery plugin

2020-06-25 220views
Flexslider is a powerful image rotation plug-in. Parameter description Animation: "slide", / / String: ["fade" "slide"], animation effect: "swing", / / String: rolling animation timing function direction: "horizontal", / / String: rolling direction ["horizontal" "vertical"] reverse: false, / / Boolean: flip the direction of slide motion animationloop: true, / / Boolean: whether to loop the smoothheight: false, / / Boolean: automatically adapt to the image height startat: 0, / / integer: the slide that starts playing, counting slideshow: true from 0, / / Boolean: whether to automatically play slideshhowspeed: 5000, / / integer: Ms scrolling interval animationspeed: 600, / / integer: Ms animation scrolling speed initdelay: 0, / / integer: ms delay of first execution of animation random: false, / / Boolean: whether to use random slide order pauseonaction: true, / / Boolean: stop auto play during user action pauseonhover: false, / / Boolean: pause auto play on hover usecss: true, / / Boolean: whether to use CSS3 transitiontouch: true, / / Boolean: allow the touch screen to touch the sliding slider Video: false, / / Boolean: use the video slider to prevent CSS3 3D transformation burr controlnav: true, / / Boolean: whether to create a control point directionnav: true, / / Boolean: whether to create the previous / next button (previous / next) prevtext: "previous", / / String: the text of the previous button can be an HTML element nexttext: "next" / / String: the next button text can be an HTML element keyword: true, / / Boolean: whether to enable the keyboard to control multiplekeyboard: false, / / Boolean: whether to enable the keyboard to control multiple slidemousewheels: true, / / Boolean: whether to enable mouse wheel control pauseplay: false, / / Boolean: create pause and play button pausetext: 'pause' / / String: pause button text: 'play' / / String: play button text controlscontainer: ', / / jQuery object / selectormanualcontrols:', / / jQuery object / selector defines the element Sync: ', / / selector: associates the operation between slides. ItemWidth: 0, / / integer: slide width, itemmargin: 0, / / integer: slide spacing minitems: 1, / / integer: at least display the number of slides, related to 'itemWidth', maxitems: 0, / / integer: displays the maximum number of slides, which is related to 'itemWidth'. Move: 0, / / integer: the number of slides to be moved at a time, 0 - scrolling visible slidestart: function() {}, / / callback: function (slider) - callback completed before: function() {}, / / callback: function (slider) - callback before the start of each rollover after: function() {}, / / callback: function (slider) - callback after completion of each rollover end: function() {}, / / callback: function (slider) - callback to the last slide added: function() {}, / / callback: function (slider) - triggered when a slide is added. Removed: function() {} / / callback: function (slider) - triggered when a slide is removed