Content Slider

Default Style Example


You can get benefit this shortcodes content slider style default, transitionin 'fadeindown', transitionOut 'fadeOutdown', arrows 'yes' & pagination 'yes'
title_62c15cf63f5ec5560301571656839414
Add content here
title_62c15cf63f6808761780801656839414
Add content here
title_62c15cf63f7161144768781656839414
Add content here
 
title_62c15cf63f7a69592786561656839414
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_62c15cf63f9989855637551656839414
Add content here
title_62c15cf63fa265202462141656839414
Add content here
title_62c15cf63fab3699655321656839414
Add content here
title_62c15cf63fb4810661799121656839414
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_62c15cf63fd495751067001656839414
Add content here
title_62c15cf63fdd717250929181656839414
Add content here
title_62c15cf63fe6415020522781656839414
Add content here
title_62c15cf63fef72201215241656839414
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_62c15cf6400d85958247611656839414
Add content here
title_62c15cf6401653165165741656839414
Add content here
title_62c15cf6401f113161541721656839414
Add content here
title_62c15cf64027d8700799541656839414
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