Carousel Sliders

  • 24 mai 2013

[tagline_box backgroundcolor= »#fff » shadow= »yes » shadowopacity= »0.7″ border= »1px » bordercolor= »#e8e6e6″ highlightposition= »top » content_alignment= » » link= »http://themeforest.net/user/ThemeFusion » linktarget= » » modal= » » button_size= » » button_shape= » » button_type= » » buttoncolor= » » button= » » title= » » description= »Avada comes with several carousel sliders to display your images. Recent Work works directly with your portfolio posts, Client Carousel is used to display client logos or images, and the Image Carousel is perfect for random images that need to be displayed on your site.  » animation_type= » » animation_direction= » » animation_speed= »0.1″ class= » » id= » »][/tagline_box][title size= »2″ content_align= »left » style_type= » » sep_color= » » class= » » id= » »]Recent Work Carousel[/title][recent_works layout= »carousel » picture_size= »fixed » boxed_text= »unboxed » filters= »yes » columns= »3″ cat_slug= » » exclude_cats= » » number_posts= »8″ excerpt_length= »35″ animation_type= » » animation_direction= » » animation_speed= »0.1″ class= » » id= » »][/recent_works][separator style_type= »single » top_margin= »0″ bottom_margin= »30″ sep_color= » » icon= » » width= » » class= » » id= » »][one_third last= »no » class= » » id= » »][fusion_text]

Use Carousels With Columns

The recent work carousel can be used inside of column shortcodes to control the size. By default it will display all categories of portfolio posts. Users can specify that only a specific category is displayed instead of all categories, which gives you full control over what posts are seen by viewers.[/fusion_text][/one_third][two_third last= »yes » class= » » id= » »][separator style_type= »none » top_margin= »15″ bottom_margin= » » sep_color= » » icon= » » width= » » class= » » id= » »][recent_works layout= »carousel » picture_size= »fixed » boxed_text= »unboxed » filters= »yes » columns= »3″ cat_slug= » » exclude_cats= » » number_posts= »8″ excerpt_length= »35″ animation_type= » » animation_direction= » » animation_speed= »0.1″ class= » » id= » »][/recent_works][/two_third][separator style_type= »none » top_margin= »20″ bottom_margin= »20″ sep_color= » » icon= » » width= » » class= » » id= » »][title size= »2″ content_align= »left » style_type= » » sep_color= » » class= » » id= » »]Client Carousel[/title][clients picture_size= »fixed » class= » » id= » »][client link= »# » linktarget= »_self » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2013/10/client.png » alt= » »][client link= »# » linktarget= »_self » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2013/10/client.png » alt= » »][client link= »# » linktarget= »_self » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2013/10/client.png » alt= » »][client link= »# » linktarget= »_self » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2013/10/client.png » alt= » »][client link= »# » linktarget= »_self » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2013/10/client.png » alt= » »][client link= »# » linktarget= »_self » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2013/10/client.png » alt= » »][client link= » » linktarget= »_self » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2013/10/client.png » alt= » »][/clients][separator style_type= »single » top_margin= »0″ bottom_margin= »30″ sep_color= » » icon= » » width= » » class= » » id= » »][one_third last= »no » class= » » id= » »][fusion_text]

Use Carousels With Columns

The client logo carousel can be used in column shortcodes. And its perfect to display client logos that link directly to projects on your site, or to an external page. There is also a « linktarget » attribute that allows you to select how the link will open.[/fusion_text][/one_third][two_third last= »yes » class= » » id= » »][separator style_type= »none » top_margin= »10″ bottom_margin= » » sep_color= » » icon= » » width= » » class= » » id= » »][clients picture_size= »fixed » class= » » id= » »][client link= »# » linktarget= » » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2013/10/client.png » alt= » »][client link= »# » linktarget= » » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2013/10/client.png » alt= » »][client link= »# » linktarget= » » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2013/10/client.png » alt= » »][client link= »# » linktarget= » » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2013/10/client.png » alt= » »][client link= »# » linktarget= » » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2013/10/client.png » alt= » »][client link= »# » linktarget= » » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2013/10/client.png » alt= » »][/clients][/two_third][separator style_type= »none » top_margin= »20″ bottom_margin= »20″ sep_color= » » icon= » » width= » » class= » » id= » »][title size= »2″ content_align= »left » style_type= » » sep_color= » » class= » » id= » »]Image Carousel[/title][clients picture_size= »fixed » class= » » id= » »][client link= »# » linktarget= »_self » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2012/07/portfolio_4.jpg » alt= » »][client link= »# » linktarget= »_self » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2012/07/portfolio_4.jpg » alt= » »][client link= »# » linktarget= »_self » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2012/07/portfolio_4.jpg » alt= » »][client link= »# » linktarget= »_self » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2012/07/portfolio_4.jpg » alt= » »][client link= »# » linktarget= »_self » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2012/07/portfolio_4.jpg » alt= » »][client link= »# » linktarget= »_self » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2012/07/portfolio_4.jpg » alt= » »][client link= » » linktarget= »_self » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2013/10/portfolio_6.jpg » alt= » »][/clients][separator style_type= »single » top_margin= »0″ bottom_margin= »10″ sep_color= » » icon= » » width= » » class= » » id= » »][one_third last= »no » class= » » id= » »][fusion_text]

Use Carousels With Columns

The client logo carousel can be used in column shortcodes. And its perfect to display client logos that link directly to projects on your site, or to an external page. There is also a « linktarget » attribute that allows you to select how the link will open.[/fusion_text][/one_third][two_third last= »yes » class= » » id= » »][separator style_type= »none » top_margin= »10″ bottom_margin= » » sep_color= » » icon= » » width= » » class= » » id= » »][clients picture_size= »fixed » class= » » id= » »][client link= »# » linktarget= » » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2012/07/portfolio_4.jpg » alt= » »][client link= »# » linktarget= » » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2012/07/portfolio_4.jpg » alt= » »][client link= »# » linktarget= » » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2012/07/portfolio_4.jpg » alt= » »][client link= »# » linktarget= » » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2012/07/portfolio_4.jpg » alt= » »][client link= »# » linktarget= » » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2012/07/portfolio_4.jpg » alt= » »][client link= »# » linktarget= » » image= »https://www.kom-unik.fr/site_wp/wp-content/uploads/2012/07/portfolio_4.jpg » alt= » »][/clients][/two_third][separator style_type= »none » top_margin= »10″ bottom_margin= »10″ sep_color= » » icon= » » width= » » class= » » id= » »][title size= »2″ content_align= »left » style_type= » » sep_color= » » class= » » id= » »]Features and Customizations[/title][one_half last= »no » class= » » id= » »][checklist icon= »fa-check-square-o » iconcolor= »light » circle= »yes » circlecolor= » » size= »small » class= » » id= » »][li_item icon= » »]Unlimited use and items per carousel and per page[/li_item][li_item icon= » »]Specify a specific category to display in recent work carousel[/li_item][/checklist][/one_half][one_half last= »yes » class= » » id= » »][checklist icon= »fa-check-square-o » iconcolor= »light » circle= »yes » circlecolor= » » size= »small » class= » » id= » »][li_item icon= » »]Use with column shortcodes to control the width[/li_item][li_item icon= » »]Set the link target attribute to control how the link opens[/li_item][/checklist][/one_half]

    Leave Your Comment Here