Accueil / Shortcodes / Slideshows

Slideshows

[wt_h2 heading_style= »wt_heading_4″ align= »left »]BxSlider attributes[/wt_h2] [wt_list style= »ok »] [li]mode: (vertical, horizontal, fade) [/li] [li]Effect: (EaseInOut, EaseOut, Ease, easeIn, Linear) [/li] [li]Speed (Slide transition duration (in ms).)[/li] [li]Pause (The amount of time (in ms) between each auto transition.)[/li] [li]Auto Start (If true, slides will automatically transition.)[/li] [li]Control Navigation (If the button is ON then the Control Navigation is displayed.): true or false[/li] [li]Pager (If the button is ON then the Pager Navigation is displayed.): true or false[/li] [li]Custom Navigation (If the button is ON then the Custom Navigation with thumbnails is displayed.): true or false[/li] [li]Number Of Items (Specify how many images should have your slideshow.)[/li] [/wt_list] [wt_slideshow type= »bxslider » mode= »fade » effect= »ease-in-out » speed= »500″ pause= »3000″ controlNav= »true » pagerNav= »true »] [item]slide_1[/item] [item]slide_2[/item] [item]slide_3[/item] [item]slide_4[/item] [/wt_slideshow] [wt_h2 heading_style= »wt_heading_4″ align= »left »]Flex Slider attributes[/wt_h2] [wt_list style= »ok »] [li]animation: (slide, fade) [/li] [li]easing: (easeInQuad, easeOutQuad, easeInOutQuad, easeInCubic, easeOutCubic, easeInOutCubic, easeInQuart, easeOutQuart, easeInOutQuart, easeInQuint, easeOutQuint, easeInOutQuint, easeInSine, easeOutSine, easeInOutSine, easeInExpo, easeOutExpo, easeInOutExpo, easeInCirc, easeOutCirc, easeInOutCirc, easeInElastic, easeOutElastic, easeInOutElastic, easeInBack, easeOutBack, easeInOutBack, easeInBounce, easeOutBounce, easeInOutBounce) [/li] [li]direction[/li] [li]animationSpeed[/li] [li]slideshowSpeed[/li] [li]directionNav: true or false[/li] [li]controlNav: true or false[/li] [li]controlNavThumbs: true or false[/li] [li]controlNavThumbsSlider: true or false[/li] [li]pauseOnAction: true or false[/li] [li]wt_slideshow: true or false[/li] [li]animationLoop: true or false[/li] [li]width[/li] [li]height[/li] [/wt_list]

Flex Slider with control navigation buttons.

[wt_divider_line margin_top= »20″ margin_bottom= »40″] [wt_slideshow type= »flex » animation= »slide » easing= »easeInOutExpo » direction= »horizontal » animationSpeed= »1000″ wt_slideshowSpeed= »7000″ directionNav= »true » controlNav= »true » controlNavThumbs= »false » controlNavThumbsSlider= »false » pauseOnAction= »true » pauseOnHover= »true » wt_slideshow= »true » animationLoop= »true » height= »400″] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/07/0398.jpg » caption= »First image caption »] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/07/0403.jpg »] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/07/0499.jpg » caption= »This is another caption »] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/07/0409.jpg »] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/05/0650.jpg »] [/wt_slideshow] [wt_margin type= »20″] [wt_minimal_toggle title= »Get the code »] [code] [wt_slideshow type= »flex » animation= »slide » easing= »easeInOutExpo » direction= »horizontal » animationSpeed= »1000″ wt_slideshowSpeed= »7000″ directionNav= »true » controlNav= »true » controlNavThumbs= »false » controlNavThumbsSlider= »false » pauseOnAction= »true » pauseOnHover= »true » wt_slideshow= »true » animationLoop= »true » height= »400″] [image url= »image_src » caption= »First image caption »] [image url= »image_src.jpg »] [image url= »image_src » caption= »This is another caption »] [image url= »image_src.jpg »] [image url= »image_src.jpg »] [/wt_slideshow] [/code] [/wt_minimal_toggle] [wt_divider_top]

Flex Slider with navigation thumbnails.

[wt_divider_line margin_top= »20″ margin_bottom= »40″] [wt_slideshow type= »flex » animation= »fade » direction= »horizontal » animationSpeed= »800″ wt_slideshowSpeed= »5000″ directionNav= »true » controlNav= »true » controlNavThumbs= »true » controlNavThumbsSlider= »false » pauseOnAction= »true » pauseOnHover= »true » wt_slideshow= »true » animationLoop= »true » height= »400″] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/05/0652.jpg » caption= »This is a caption »] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/04/0742.jpg »] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/04/0744.jpg » caption= »This is another caption »] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/02/1275.jpg »] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/02/0753.jpg »] [/wt_slideshow] [wt_margin type= »20″] [wt_minimal_toggle title= »Get the code »] [code] [wt_slideshow type= »flex » animation= »slide » easing= »easeInOutExpo » direction= »horizontal » animationSpeed= »1000″ wt_slideshowSpeed= »7000″ directionNav= »true » controlNav= »true » controlNavThumbs= »true » controlNavThumbsSlider= »false » pauseOnAction= »true » pauseOnHover= »true » wt_slideshow= »true » animationLoop= »true » height= »400″] [image url= »image_src.jpg »] [image url= »image_src.jpg »] [image url= »image_src.jpg »] [/wt_slideshow] [/code] [/wt_minimal_toggle] [wt_divider_top]

Flex Slider with navigation thumbnails slider.

[wt_divider_line margin_top= »20″ margin_bottom= »40″] [wt_slideshow type= »flex » animation= »fade » direction= »horizontal » animationSpeed= »800″ wt_slideshowSpeed= »5000″ directionNav= »true » controlNav= »true » controlNavThumbs= »true » controlNavThumbsSlider= »true » pauseOnAction= »true » pauseOnHover= »true » wt_slideshow= »true » animationLoop= »true » height= »400″] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2012/03/1732.jpg »] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2012/02/1759.jpg » caption= »This is a caption »] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2012/01/1776.jpg » caption= »This is another caption »] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2012/01/1804.jpg »] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2012/01/1846.jpg »] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/12/3053.jpg »] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/12/3079.jpg »] [/wt_slideshow] [wt_margin type= »20″] [wt_minimal_toggle title= »Get the code »] [code] [wt_slideshow type= »flex » animation= »slide » easing= »easeInOutExpo » direction= »horizontal » animationSpeed= »1000″ wt_slideshowSpeed= »7000″ directionNav= »true » controlNav= »true » controlNavThumbs= »true » controlNavThumbsSlider= »true » pauseOnAction= »true » pauseOnHover= »true » wt_slideshow= »true » animationLoop= »true » height= »400″] [image url= »image_src.jpg »] [image url= »image_src.jpg »] [image url= »image_src.jpg »] [/wt_slideshow] [/code] [/wt_minimal_toggle] [wt_divider_top] [wt_h2 heading_style= »wt_heading_4″ align= »left »]Nivo Slider attributes[/wt_h2] [wt_list style= »ok »] [li]effect: (random, sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft, fold, fade, slideInRight, slideInLeft, boxRandom, boxRain, boxRainReverse, boxRainGrow, boxRainGrowReverse)[/li] [li]slices[/li] [li]boxCols[/li] [li]boxRows[/li] [li]animSpeed[/li] [li]pauseTime[/li] [li]randomStart: true or false[/li] [li]directionNav: true or false[/li] [li]controlNav: true or false[/li] [li]controlNavThumbs: true or false[/li] [li]pauseOnHover: true or false[/li] [li]manualAdvance: true or false[/li] [li]stopAtEnd: true or false[/li] [li]width[/li] [li]height[/li] [/wt_list]

Nivo Slider with control navigation buttons.

[wt_divider_line margin_top= »20″ margin_bottom= »40″] [wt_slideshow type= »nivo » effect= »random » slices= »12″ boxCols= »8″ boxRows= »4″ animSpeed= »800″ pauseTime= »7000″ randomStart= »false » directionNav= »true » controlNav= »true » controlNavThumbs= »false » pauseOnHover= »true » manualAdvance= »false » stopAtEnd= »false » height= »400″] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/12/3130.jpg » caption= »This is a caption »] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/12/3198.jpg »] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/12/3212.jpg » caption= »This is another caption »] [/wt_slideshow] [wt_margin type= »20″] [wt_minimal_toggle title= »Get the code »] [code] [wt_slideshow type= »nivo » effect= »random » slices= »12″ boxCols= »8″ boxRows= »4″ animSpeed= »800″ pauseTime= »7000″ randomStart= »false » directionNav= »true » controlNav= »true » controlNavThumbs= »false » pauseOnHover= »true » manualAdvance= »false » stopAtEnd= »false » height= »400″] [image url= »image_src » caption= »This is a caption »] [image url= »image_src »] [image url= »image_src » caption= »This is another caption »] [/wt_slideshow] [/code] [/wt_minimal_toggle] [wt_divider_top]

Nivo Slider with control navigation buttons.

[wt_divider_line margin_top= »20″ margin_bottom= »40″] [wt_slideshow type= »nivo » effect= »fade » slices= »12″ boxCols= »8″ boxRows= »4″ animSpeed= »600″ pauseTime= »6000″ randomStart= »false » directionNav= »true » controlNav= »true » controlNavThumbs= »true » pauseOnHover= »true » manualAdvance= »false » stopAtEnd= »false » height= »400″] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/12/3220.jpg » caption= »This is a caption »] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/12/3241.jpg »] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/12/3242.jpg » caption= »This is another caption »] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/12/3361.jpg »] [image url= »http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/12/3363.jpg »] [/wt_slideshow] [wt_margin type= »20″] [wt_minimal_toggle title= »Get the code »] [code] [wt_slideshow type= »nivo » effect= »fade » slices= »12″ boxCols= »8″ boxRows= »4″ animSpeed= »600″ pauseTime= »6000″ randomStart= »false » directionNav= »true » controlNav= »true » controlNavThumbs= »true » pauseOnHover= »true » manualAdvance= »false » stopAtEnd= »false » height= »400″] [image url= »image_src » caption= »This is a caption »] [image url= »image_src »] [image url= »image_src » caption= »This is another caption »] [image url= »image_src »] [image url= »image_src »] [/wt_slideshow] [/code] [/wt_minimal_toggle] [wt_divider_top]

Laisser une réponse

Votre adresse email ne sera pas publiéeLes champs requis sont surlignés *

*

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.