Content Slider

Default Style Example


You can get benefit this shortcodes content slider style default, transitionin 'fadeindown', transitionOut 'fadeOutdown', arrows 'yes' & pagination 'yes'
title_6867c00153aeb9375765281751629825
Add content here
title_6867c00153b4321100117051751629825
Add content here
title_6867c00153b9617325575721751629825
Add content here
 
title_6867c00153beb19351211061751629825
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_6867c00153d8a15098704291751629825
Add content here
title_6867c00153dde6678905281751629825
Add content here
title_6867c00153e2d12232602671751629825
Add content here
title_6867c00153e7c9023002921751629825
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_6867c0015404b4964485921751629825
Add content here
title_6867c001540a011508563381751629825
Add content here
title_6867c001540f11278849261751629825
Add content here
title_6867c0015414014637863351751629825
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_6867c001542d015932738411751629825
Add content here
title_6867c0015432514558500441751629825
Add content here
title_6867c0015437a2928601481751629825
Add content here
title_6867c001543d511198988071751629825
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