Content Slider

Default Style Example


You can get benefit this shortcodes content slider style default, transitionin 'fadeindown', transitionOut 'fadeOutdown', arrows 'yes' & pagination 'yes'
title_638ef5a22f1998966701391670313378
Add content here
title_638ef5a22f2271766168901670313378
Add content here
title_638ef5a22f2b117280208411670313378
Add content here
 
title_638ef5a22f33a7763488521670313378
Add content here
Get the codes
 [yt_content_slider style="default" margin="10" items_column0="3" items_column1="3" items_column2="2" items_column3="2" items_column4="1" transitionin="fadeIn" transitionout="fadeOut" arrows="yes" arrow_position="arrow-default" pagination="yes" autoplay="yes" autoheight="yes" hoverpause="yes" lazyload="no" loop="yes" speed="0.6" delay="4" ] [yt_content_slider_item src="/extensions/sj-shortcode/" caption="yes" ] Add content here [/yt_content_slider_item] [yt_content_slider_item src="/extensions/sj-shortcode/" caption="yes" ] Add content here [/yt_content_slider_item] [yt_content_slider_item src="/extensions/sj-shortcode/" caption="yes" ] Add content here [/yt_content_slider_item] [yt_content_slider_item src="/extensions/sj-shortcode/" caption="yes" ] Add content here [/yt_content_slider_item] [/yt_content_slider] 
title_638ef5a22f5213021947571670313378
Add content here
title_638ef5a22f5a33122773621670313378
Add content here
title_638ef5a22f62312654803791670313378
Add content here
title_638ef5a22f6a26378122641670313378
Add content here

Dark Style Example


In this shortcodes facility content slider style 'dark', transitionin 'rotateIn' transitionout 'rotateOut' arrows 'yes' As your wish & use
Get the codes
 [yt_content_slider style="dark" margin="10" items_column0="3" items_column1="3" items_column2="2" items_column3="2" items_column4="1" transitionin="fadeIn" transitionout="fadeOut" arrows="yes" arrow_position="arrow-default" pagination="yes" autoplay="yes" autoheight="yes" hoverpause="yes" lazyload="no" loop="yes" speed="0.6" delay="4" ] [yt_content_slider_item src="/extensions/sj-shortcode/" caption="yes" ] Add content here [/yt_content_slider_item] [yt_content_slider_item src="/extensions/sj-shortcode/" caption="yes" ] Add content here [/yt_content_slider_item] [yt_content_slider_item src="/extensions/sj-shortcode/" caption="yes" ] Add content here [/yt_content_slider_item] [yt_content_slider_item src="/extensions/sj-shortcode/" caption="yes" ] Add content here [/yt_content_slider_item] [/yt_content_slider] 

Light Style Example


In this shortcodes facility content slider style 'dark', transitionin 'rotateIn' transitionout 'rotateOut' arrows 'yes' As your wish & use
title_638ef5a22f8846626568601670313378
Add content here
title_638ef5a22f9059614806191670313378
Add content here
title_638ef5a22f9859485375761670313378
Add content here
title_638ef5a22fa053518359131670313378
Add content here
Get the codes
 [yt_content_slider style="light" margin="10" items_column0="3" items_column1="3" items_column2="2" items_column3="2" items_column4="1" transitionin="zoomIn" transitionout="zoomOut" arrows="yes" arrow_position="arrow-default" pagination="yes" autoplay="yes" autoheight="yes" hoverpause="yes" lazyload="no" loop="yes" speed="0.6" delay="4" ] [yt_content_slider_item src="/extensions/sj-shortcode/" caption="yes" ] Add content here [/yt_content_slider_item] [yt_content_slider_item src="/extensions/sj-shortcode/" caption="yes" ] Add content here [/yt_content_slider_item] [yt_content_slider_item src="/extensions/sj-shortcode/" caption="yes" ] Add content here [/yt_content_slider_item] [yt_content_slider_item src="/extensions/sj-shortcode/" caption="yes" ] Add content here [/yt_content_slider_item] [/yt_content_slider] 
title_638ef5a22fbbd9233671421670313378
Add content here
title_638ef5a22fc3f17096112581670313378
Add content here
title_638ef5a22fcbf20489289111670313378
Add content here
title_638ef5a22fd3f14945289641670313378
Add content here

Arrow left Example


In this shortcodes facility content slider style 'dark', transitionin 'bounceIn' transitionout 'bounceOut' arrows 'yes' As your wish & use
Get the codes
 [yt_content_slider style="light" margin="10" items_column0="3" items_column1="3" items_column2="2" items_column3="2" items_column4="1" transitionin="bounceIn" transitionout="bounceOut" arrows="yes" arrow_position="arrow-top-left" pagination="yes" autoplay="yes" autoheight="yes" hoverpause="yes" lazyload="no" loop="yes" speed="0.6" delay="4" ] [yt_content_slider_item src="/extensions/sj-shortcode/" caption="yes" ] Add content here [/yt_content_slider_item] [yt_content_slider_item src="/extensions/sj-shortcode/" caption="yes" ] Add content here [/yt_content_slider_item] [yt_content_slider_item src="/extensions/sj-shortcode/" caption="yes" ] Add content here [/yt_content_slider_item] [yt_content_slider_item src="/extensions/sj-shortcode/" caption="yes" ] Add content here [/yt_content_slider_item] [/yt_content_slider] 
Top