Content Slider

Default Style Example


You can get benefit this shortcodes content slider style default, transitionin 'fadeindown', transitionOut 'fadeOutdown', arrows 'yes' & pagination 'yes'
title_6703cd019bf3321099305231728302337
Add content here
title_6703cd019bf6115859725181728302337
Add content here
title_6703cd019bf9517625323511728302337
Add content here
 
title_6703cd019bfb115134252071728302337
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_6703cd019c0965973622861728302337
Add content here
title_6703cd019c0be2283311941728302337
Add content here
title_6703cd019c0e610382986181728302337
Add content here
title_6703cd019c10b749786021728302337
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_6703cd019c29319602051391728302337
Add content here
title_6703cd019c2bb1902358101728302337
Add content here
title_6703cd019c2e212597345101728302337
Add content here
title_6703cd019c30917224341291728302337
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_6703cd019c419780809131728302337
Add content here
title_6703cd019c44116073049181728302337
Add content here
title_6703cd019c46914969268201728302337
Add content here
title_6703cd019c48f3340977441728302337
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