{"id":903,"date":"2021-02-05T12:57:03","date_gmt":"2021-02-05T12:57:03","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/?page_id=903"},"modified":"2021-07-12T07:31:21","modified_gmt":"2021-07-12T07:31:21","slug":"more-examples","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/more-examples\/","title":{"rendered":"More Examples"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text]<\/p>\n<h2 id=\"block-3d14b71d-4799-4e67-bf43-3085dca03323\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block is-selected has-text-align-center rich-text\" style=\"text-align: center;\" tabindex=\"0\" role=\"group\" contenteditable=\"true\" aria-multiline=\"true\" aria-label=\"Block: Heading\" data-block=\"3d14b71d-4799-4e67-bf43-3085dca03323\" data-type=\"core\/heading\" data-title=\"Heading\"><strong>Animated Gif Slider\u00a0<\/strong><\/h2>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: center;\">All layouts are GIF supported ,You can easily create GIF slider from all the layouts in just few steps.<\/p>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;][vc_column_text]<\/p>\n<h3 style=\"text-align: center;\"><strong>By Layout 1<\/strong><\/h3>\n<p>&nbsp;<\/p>\n<p><script>\njQuery( document ).ready(function() {\n\tvar carousel_28 = jQuery('.carousel-main-28').flickity({\n\t\t\t\tautoPlay: true, \/\/ true\/false - numbers in milliseconds \n\t\t\t\tlazyLoad: 2,\n\t\t\/\/adaptiveHeight: true,\n\t});\n\tcarousel_28.flickity('resize');\n});\n<\/script>\n\n<!-- slider start-->\n<div class=\"carousel-28 carousel-main-28\">\n\t\t\t\t<div class=\"carousel-cell-28\">\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/07\/9c051bccfcfea96df64a8c8b4813b91c-1.gif\" alt=\"\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-28\">\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/07\/55f49930341405.5734dc2394d6a.gif\" alt=\"\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-28\">\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/07\/672e5f53f369d9ed687e911bea36d6af.gif\" alt=\"\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-28\">\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/07\/b35b43a4691fbd284394745196b9ec34.gif\" alt=\"\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-28\">\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/07\/girl_basketball.gif\" alt=\"\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-28\">\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/07\/unnamed.gif\" alt=\"\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t<\/div>\n\t\t\t<\/div>\n<!-- slider end-->\n\n<style>\n.carousel-28 {\n\theight: auto;\n\twidth: 100%;\n\theight: 700px;\n\tmargin-bottom: 40px;\n}\n\n.carousel-28 .sf-1-slide-image {\n\tmax-width: 100% !important;\n\twidth: 100%;\n\theight: 700px;\n\t\/*object-fit: cover;*\/\n}\n\n.sf-1-slide-content {\n\tposition: absolute;\n\tfont-size: 18px;\n\tcolor: white;\n\tpointer-events: none !important;\n\twidth: 100%;\n\tbottom: 8px;\n\ttext-align: center;\n}\n\n.sf-1-slide-title {\n\tpadding: 4px 6px;\n}\n\n.sf-1-slide-desc {\n\tpadding: 4px 6px;\n}\n\n.flickity-page-dots {\n\tpadding: 0px !important;\n}\n\n\/* Design Preset 1 *\/\n.carousel-cell-28 {\n\twidth: 100%;\n\theight: auto;\n\tmargin-right: 10px;\n}\n\n\/* adaptive height css *\/\n.flickity-viewport {\n\ttransition: height 0.2s;\n}\n\n\/**** media queries start ****\/\n@media(max-width:650px){\n\t.sf-1-slide-content {\n\t\tposition: absolute;\n\t\tfont-size: 12px;\n\t\tcolor: white;\n\t\tpointer-events: none !important;\n\t\twidth: 100%;\n\t\tbottom: 0px !important;\n\t\ttext-align: center;\n\t}\n\n\t.sf-1-slide-title {\n\t\tpadding: 0px 6px;\n\t}\n\n\t.sf-1-slide-desc {\n\t\tpadding: 0px 6px;\n\t}\n}\n@media(max-width:450px){\n\t.sf-1-slide-content {\n\t\tposition: absolute;\n\t\tfont-size: 7px;\n\t\tcolor: white;\n\t\tpointer-events: none !important;\n\t\twidth: 100%;\n\t\tbottom: 0px !important;\n\t\ttext-align: center;\n\t}\n\n\t.sf-1-slide-title {\n\t\tpadding: 0px 3px;\n\t}\n\n\t.sf-1-slide-desc {\n\t\tpadding: 0px 3px;\n\t}\n}\n\/**** media queries end ****\/\n\n<\/style>\n[\/vc_column_text][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column][vc_empty_space height=&#8221;250px&#8221;][vc_column_text]<\/p>\n<h3 style=\"text-align: center;\"><strong>By Layout 7\u00a0<\/strong><\/h3>\n<p>&nbsp;<\/p>\n<p><style>\n.sf-7-rotating-slider-container-51 *{\n\tbox-sizing: content-box;\n}\n\n.sf-7-rotating-slider-container-51 {\n\tfont-family: 'Roboto Slab', sans-serif;\n\tfont-weight: 300;\n\toverflow: hidden;\n\twidth:100% !important;\n\theight:100% !important;\n}\n\n.sf-7-rotating-slider ul.slides li {\n\tbackground-position: center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: cover;\n}\n\n.sf-7-rotating-slider ul.slides li .inner {\n\tbox-sizing: border-box;\n\tpadding-left: 2em  !important;\n\tpadding-right: 2em  !important;\n\theight: 100%;\n\twidth: 100%;\n\tword-wrap: break-word;\n}\n\n.sf-7-rotating-slider ul.slides li .inner .sf-7-title{\n\tfont-size: 32px;\n\tcolor: #eeeeee  !important;\n\ttext-shadow: 1px 1px #616161 !important;\n}\n\n.sf-7-rotating-slider ul.slides li .inner .sf-7-desc{\n\tfont-size: 16px;\n\tcolor: #eeeeee  !important;\n\ttext-shadow: 1px 1px #616161 !important;\n\tmargin-bottom: 0 !important; \n}\n\n.sf-7-rotating-slider ul.slides li .inner .sf-7-button1 {\n\tbackground-color: #F1F1F1; \n\tcolor: black; border: none; \n\tcursor: pointer; \n\tborder-radius: 0px; \n\ttext-align: center; \n\tpadding: 5px 15px; \n\ttransition: all .3s;\n}\n\n.sf-7-rotating-slider ul.slides li .inner .sf-7-button2 {\n\tbackground-color: #F1F1F1; \n\tcolor: black; border: none; \n\tcursor: pointer; \n\tborder-radius: 0px; \n\ttext-align: center; \n\tpadding: 5px 15px; \n\ttransition: all .3s;\n}\n\n.sf-7-rotating-slider ul.slides li .inner .sf-7-button1:hover {\n\tbackground-color: #3E3D3D; \n\tcolor: white; \n}\n\n.sf-7-rotating-slider ul.slides li .inner .sf-7-button2:hover {\n\tbackground-color: #3E3D3D; \n\tcolor: white; \n}\n<\/style>\n\n<!-- slider start-->\n<div class=\"sf-7-rotating-slider-container-51\">\n\t<div class=\"sf-7-rotating-slider\">\n\t\t<ul class=\"slides\">\n\t\t\t\t\t\t\t<li style=\"\tbackground-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/359-3594810_animated-gif-games-of-thrones-gif-1.gif');\" role=\"img\" aria-label=\"\"  title=\"\">\n\t\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\t<div class=\"sf-7-title\"><\/div>\t<!-- Slide Title -->\n\t\t\t\t\t\t\t<div class=\"sf-7-desc\"><\/div>\t<!-- Slide Desc -->\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li style=\"\tbackground-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/07\/animated-gifs-corporate-training.gif');\" role=\"img\" aria-label=\"\"  title=\"\">\n\t\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\t<div class=\"sf-7-title\"><\/div>\t<!-- Slide Title -->\n\t\t\t\t\t\t\t<div class=\"sf-7-desc\"><\/div>\t<!-- Slide Desc -->\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li style=\"\tbackground-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/07\/wandering_min.gif');\" role=\"img\" aria-label=\"\"  title=\"\">\n\t\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\t<div class=\"sf-7-title\"><\/div>\t<!-- Slide Title -->\n\t\t\t\t\t\t\t<div class=\"sf-7-desc\"><\/div>\t<!-- Slide Desc -->\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t<\/div>\n<\/div>\n<!-- slider end-->\n\n<script>\njQuery(function(){ \n\tjQuery('.sf-7-rotating-slider').rotatingSlider({\n\t\t\/\/ auto play\n\t\tautoRotate: true,\n\t\t\/\/ size of slider\n\t\tslideHeight : Math.min(480, window.innerWidth -80),  \/\/slide_circle_size\n\t\tslideWidth : Math.min(600, window.innerWidth - 80),  \/\/inner_circle_size\n\t});\n});\n<\/script>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column][vc_empty_space height=&#8221;200px&#8221;][vc_column_text]<\/p>\n<h3 style=\"text-align: center;\"><strong>By Layout 8\u00a0<\/strong><\/h3>\n<p>&nbsp;<\/p>\n<p><script type=\"text\/javascript\">\njQuery(document).ready(function() {\n\tjQuery(function(){\n\t\tjQuery('.sf-8-50').infiniteslide({\n\t\t\t'responsive': true\t\t});\n\t});\n\n\tjQuery('.scroll_item').on('mouseenter',function(){\n\t\tjQuery(this).find('.descdiv').css({\n\t\t\topacity:1\n\t\t});\n\t\t}).on('mouseleave',function(){\n\t\tjQuery(this).find('.descdiv').css({\n\t\t\topacity:0\n\t\t});\n\t});\n});\n<\/script>\n<div class=\"infiniteslide sf-8-50\">\n\t\t\t\t\t\t<div class=\"scroll_item sf_8_margin-50\">\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t<img decoding=\"async\" class=\"sf_8_img-50\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/07\/unnamed.gif\" alt=\"\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"scroll_item sf_8_margin-50\">\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t<img decoding=\"async\" class=\"sf_8_img-50\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/07\/girl_basketball.gif\" alt=\"\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"scroll_item sf_8_margin-50\">\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t<img decoding=\"async\" class=\"sf_8_img-50\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/07\/b35b43a4691fbd284394745196b9ec34.gif\" alt=\"\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"scroll_item sf_8_margin-50\">\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t<img decoding=\"async\" class=\"sf_8_img-50\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/07\/672e5f53f369d9ed687e911bea36d6af.gif\" alt=\"\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"scroll_item sf_8_margin-50\">\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t<img decoding=\"async\" class=\"sf_8_img-50\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/07\/55f49930341405.5734dc2394d6a.gif\" alt=\"\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"scroll_item sf_8_margin-50\">\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t<img decoding=\"async\" class=\"sf_8_img-50\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/07\/9c051bccfcfea96df64a8c8b4813b91c-1.gif\" alt=\"\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n<style>\n.sf_8_margin-50 {\n\tmargin-right: 1%;\n}\n\n.infiniteslide .scroll_item {\n\tposition: relative;\n}\n\n.descdiv {\n\tposition: absolute;\n\topacity:0;\n\tbottom: 5%;\n\tcolor: #fff;\n\tpadding:5%;\n\tbackground: rgba(0,0,0,0.5);\n\twidth: 100%;\n\ttransition:all 1s;\n\tbox-sizing: border-box;\n}\n\n.infiniteslide .scroll_item .descdiv .sf-8-desc {\n\tmargin-top: 3%;\n\tmargin-bottom: 3%;\n}\n.sf_8_img-50 {\n\twidth: 450px;\n\theight: 400px;\n}\n<\/style>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;200px&#8221;][vc_column_text]<\/p>\n<div class=\"wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_bounceIn bounceIn wpb_start_animation animated\">\n<div class=\"wpb_wrapper\">\n<h2 style=\"text-align: center;\"><strong>Design Beautifull Responsive Image Slider<\/strong><\/h2>\n<\/div>\n<\/div>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_icon icon_fontawesome=&#8221;fas fa-download&#8221; color=&#8221;custom&#8221; size=&#8221;xl&#8221; align=&#8221;center&#8221; css_animation=&#8221;bounceIn&#8221; custom_color=&#8221;#84b85a&#8221;][vc_btn title=&#8221;Download Slider Factory&#8221; shape=&#8221;round&#8221; color=&#8221;green&#8221; size=&#8221;lg&#8221; align=&#8221;center&#8221; css_animation=&#8221;bounceIn&#8221; link=&#8221;url:https%3A%2F%2Fwordpress.org%2Fplugins%2Fslider-factory%2F|target:_blank&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_icon icon_fontawesome=&#8221;fas fa-desktop&#8221; color=&#8221;custom&#8221; size=&#8221;xl&#8221; align=&#8221;center&#8221; css_animation=&#8221;bounceIn&#8221; custom_color=&#8221;#6fc3df&#8221;][vc_btn title=&#8221;Check Slider Factory Pro Demo&#8221; shape=&#8221;round&#8221; color=&#8221;info&#8221; size=&#8221;lg&#8221; align=&#8221;center&#8221; css_animation=&#8221;bounceIn&#8221; link=&#8221;url:https%3A%2F%2Fwpfrank.com%2Fwordpress-plugins%2Fslider-factory-pro%2F|target:_blank&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_icon icon_fontawesome=&#8221;fas fa-shopping-cart&#8221; color=&#8221;custom&#8221; size=&#8221;xl&#8221; align=&#8221;center&#8221; css_animation=&#8221;bounceIn&#8221; custom_color=&#8221;#ff6255&#8243;][vc_btn title=&#8221;Buy Slider Factory Pro&#8221; shape=&#8221;round&#8221; color=&#8221;danger&#8221; size=&#8221;lg&#8221; align=&#8221;center&#8221; css_animation=&#8221;bounceIn&#8221; link=&#8221;url:https%3A%2F%2Fwpfrank.com%2Faccount%2Fsignup%2Fslider-factory-pro|target:_blank&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text] Animated Gif Slider\u00a0 [\/vc_column_text][vc_column_text] All layouts are GIF supported ,You can easily create GIF slider from all the layouts in just few steps. [\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;][vc_column_text] By Layout 1 &nbsp; [\/vc_column_text][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column][vc_empty_space height=&#8221;250px&#8221;][vc_column_text] By Layout 7\u00a0 &nbsp; [\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column][vc_empty_space height=&#8221;200px&#8221;][vc_column_text] By Layout 8\u00a0 &nbsp; [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;200px&#8221;][vc_column_text] Design Beautifull Responsive Image Slider [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_icon icon_fontawesome=&#8221;fas [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-903","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/903","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/comments?post=903"}],"version-history":[{"count":21,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/903\/revisions"}],"predecessor-version":[{"id":1212,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/903\/revisions\/1212"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/media?parent=903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}