Content Slider

Default Style Example


You can get benefit this shortcodes content slider style default, transitionin 'fadeindown', transitionOut 'fadeOutdown', arrows 'yes' & pagination 'yes'
title_65e505fc995033126164791709508092
Add content here
title_65e505fc9952419141620201709508092
Add content here
title_65e505fc9954012236923591709508092
Add content here
 
title_65e505fc9955a8177020251709508092
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_65e505fc9961c21006770031709508092
Add content here
title_65e505fc996355043745811709508092
Add content here
title_65e505fc9964e2441154761709508092
Add content here
title_65e505fc996665115684871709508092
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_65e505fc9976011638538421709508092
Add content here
title_65e505fc9977917810093231709508092
Add content here
title_65e505fc9979120901567411709508092
Add content here
title_65e505fc997a918255035631709508092
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_65e505fc9985215099248541709508092
Add content here
title_65e505fc9986b18512503211709508092
Add content here
title_65e505fc998834204069711709508092
Add content here
title_65e505fc9989b7995930751709508092
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