{"id":572,"date":"2021-01-27T13:20:57","date_gmt":"2021-01-27T13:20:57","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/?page_id=572"},"modified":"2021-03-16T10:32:02","modified_gmt":"2021-03-16T10:32:02","slug":"client-show-case-slider","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/client-show-case-slider\/","title":{"rendered":"Client Show Case Slider \u200b"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text]<\/p>\n<h4 style=\"text-align: center;\"><span style=\"color: #999999;\"><strong>Slider By Layout 1\u00a0<\/strong><\/span><\/h4>\n<p>&nbsp;<\/p>\n<script>\r\njQuery( document ).ready(function() {\r\n\tvar carousel_58 = jQuery('.carousel-main-58').flickity({\r\n\t\tdraggable:\ttrue,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false - '>1'\r\n\t\t\t\tautoPlay: 3000,\t\t\t\t\t\t\t\/\/ true\/false - numbers in milliseconds \r\n\t\t\t\tpauseAutoPlayOnHover: false,\t\/\/ true\/false\r\n\t\twrapAround:\ttrue,\t\t\t\t\t\t\/\/ for looping - true\/false\r\n\t\tfullscreen: true,\t\t\t\t\t\t\t\/\/ true\/false\r\n\t\tfade: true, \t\t\t\t\t\t\t\t\t\t\/\/ true\/false\r\n\t\tadaptiveHeight: true,\t\t\t\t\t\/\/ true\/false\r\n\t\tprevNextButtons: true,\t\t\t\t\t\/\/ true\/false \r\n\t\tpageDots: true,\t\t\t\t\t\t\t\/\/ dots under slider\r\n\t\trightToLeft: true,\t\t\t\t\t\t\t\t\t\/\/ RTL support\r\n\t\tdragThreshold: 10,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ in pixels - number of pixels a mouse or touch has to move\r\n\t\tinitialIndex: 0,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ numbering - starting slide\r\n\t\taccessibility: true,\r\n\t\tcellAlign: 'center',\t\t\t\t\t\t\t\/\/ Align cells within the carousel element.\r\n\t\tarrowShape: 'M 0,50 L 60,00 L 50,30 L 80,30 L 80,70 L 50,70 L 60,100 Z',\t\/\/ change nav arrow shape - svg format\r\n\t\t\/\/freeScroll:\ttrue,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false \r\n\t\t\/\/groupCells:\ttrue,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true - numbering - percentage 80%\r\n\t\tpercentPosition: true,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ set cell value in percentage like carousel-cell 60%\r\n\t\tlazyLoad: 2,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false\r\n\t\t\/\/hash: true,\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ true\/false - defile id=\"image 1\"\r\n\t});\r\n\t\r\n\t\t\/\/ thumbnails\r\n\tjQuery('.carousel-nav-58').flickity({\r\n\t\tasNavFor: '.carousel-main-58',\r\n\t\tcontain: true,\r\n\t\tpageDots: false,\r\n\t\trightToLeft: true,\t\t\t\t\t\t\t\t\t\/\/ RTL support\r\n\t});\r\n\t\t\r\n\tcarousel_58.flickity('resize');\r\n});\r\n<\/script>\r\n\r\n<!-- slider start-->\r\n<div class=\"carousel-58 carousel-main-58\">\r\n\t\t\t\t<div class=\"carousel-cell-58\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/A-WP-Life-Album-Gallery.jpg\" alt=\"A WP Life Album Gallery\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-58\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/A-WP-Life-Flicker-Gallery.jpg\" alt=\"A WP Life Flicker Gallery\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-58\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/A-WP-Life-Video-Gallery.jpg\" alt=\"A WP Life Video Gallery\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-58\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/A-WP-Life.jpg\" alt=\"A WP Life\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-58\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Logo-Plugin.jpg\" alt=\"Logo Plugin\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-58\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Media-Carousel.jpg\" alt=\"Media Carousel\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-58\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/product-showcase-powerpoint-template.jpg\" alt=\"product-showcase-powerpoint-template\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-cell-58\">\r\n\t\t\t\t<img class=\"sf-1-slide-image\" data-flickity-lazyload=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Testimonial.jpg\" alt=\"Testimonial\" width=\"100%\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"sf-1-slide-content\">\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t-->\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n<!-- slider end-->\r\n\r\n<!-- slider thumbnails start-->\r\n<div class=\"carousel-58 carousel-nav-58\">\r\n\t\t\t\t<div class=\"carousel-thumbnails-cell-58\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/A-WP-Life-Album-Gallery-150x150.jpg\" alt=\"A WP Life Album Gallery\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-58\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/A-WP-Life-Flicker-Gallery-150x150.jpg\" alt=\"A WP Life Flicker Gallery\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-58\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/A-WP-Life-Video-Gallery-150x150.jpg\" alt=\"A WP Life Video Gallery\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-58\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/A-WP-Life-150x150.jpg\" alt=\"A WP Life\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-58\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Logo-Plugin-150x150.jpg\" alt=\"Logo Plugin\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-58\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Media-Carousel-150x150.jpg\" alt=\"Media Carousel\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-58\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/product-showcase-powerpoint-template-150x150.jpg\" alt=\"product-showcase-powerpoint-template\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-58\">\r\n\t\t\t\t<img decoding=\"async\" class=\"sf-1-slide-thumbnails\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Testimonial-150x150.jpg\" alt=\"Testimonial\">\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n<!-- slider thumbnails end-->\r\n\r\n<style>\r\n.carousel-58 {\r\n\theight: auto;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmargin-bottom: 40px;\r\n}\r\n\r\n.carousel-58 .sf-1-slide-image {\r\n\tmax-width: 100% !important;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.sf-1-slide-content {\r\n\tposition: absolute;\r\n\tfont-size: 18px;\r\n\tcolor: white;\r\n\tpointer-events: none !important;\r\n\twidth: 100%;\r\n\tbottom: 8px !important;\r\n\ttext-align: center;\r\n}\r\n\r\n.sf-1-slide-title {\r\n\tpadding: 4px 6px;\r\n}\r\n\r\n.sf-1-slide-desc {\r\n\tpadding: 4px 6px;\r\n}\r\n\r\n.sf-1-slide-button-1, .sf-1-slide-button-2 {\r\n\tpadding-bottom: 5px !important;\r\n}\t\r\n\r\n.sf-1-slide-thumbnails {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.flickity-page-dots {\r\n\tpadding: 0px !important;\r\n}\r\n\r\n\t.carousel-58.is-fullscreen .carousel-cell-58 {\r\n\theight: 100% !important;\r\n}\r\n\r\n.carousel-58.is-fullscreen .carousel-cell-58 .sf-1-slide-image {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tdisplay: block;\r\n\tobject-fit: contain;\r\n}\r\n\r\n\/* 1 *\/\r\n.carousel-cell-58 {\r\n\twidth: 100%;\r\n\theight: auto;\r\n\tmargin-right: 10px;\r\n}\r\n\r\n\r\n\/* 2 *\/\r\n\r\n\/* 3 *\/\r\n\r\n<!-- slider thumbnails style start-->\r\n.carousel-thumbnails-cell-58 {\r\n\theight: 100px;\r\n\twidth: 100px;\r\n}\r\n\r\n.carousel-nav-58 .carousel-thumbnails-cell-58 {\r\n\theight: 100px;\r\n\twidth: 100px;\r\n}\r\n\r\n.carousel-nav-58 .carousel-thumbnails-cell-58.is-nav-selected {\r\n\tbackground: #000;\r\n\tpadding: 3px;\r\n}\r\n\r\n<!-- slider thumbnails style end-->\r\n\r\n\r\n.flickity-viewport {\r\n\ttransition: height 0.2s;\r\n}\r\n\r\n\/**** media queries start ****\/\r\n@media(max-width:650px){\r\n\t.sf-1-slide-content {\r\n\t\tposition: absolute;\r\n\t\tfont-size: 12px;\r\n\t\tcolor: white;\r\n\t\tpointer-events: none !important;\r\n\t\twidth: 100%;\r\n\t\tbottom: 0px !important;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.sf-1-slide-title {\r\n\t\tpadding: 0px 6px;\r\n\t}\r\n\r\n\t.sf-1-slide-desc {\r\n\t\tpadding: 0px 6px;\r\n\t}\r\n\t.flickity-prev-next-button {\r\n\t\twidth: 22px !important;\r\n\t\theight: 22px !important;\r\n\t}\r\n}\r\n@media(max-width:450px){\r\n\t.sf-1-slide-content {\r\n\t\tposition: absolute;\r\n\t\tfont-size: 7px;\r\n\t\tcolor: white;\r\n\t\tpointer-events: none !important;\r\n\t\twidth: 100%;\r\n\t\tbottom: 0px !important;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.sf-1-slide-title {\r\n\t\tpadding: 0px 3px;\r\n\t}\r\n\r\n\t.sf-1-slide-desc {\r\n\t\tpadding: 0px 3px;\r\n\t}\r\n\t.flickity-prev-next-button {\r\n\t\twidth: 18px !important;\r\n\t\theight: 18px !important;\r\n\t}\r\n}\r\n\/**** media queries end ****\/\r\n\r\n\r\n<\/style>\r\n\n<\/p>\n\n<h4 style=\"text-align: center;\">\u00a0<\/h4>\n<h5 style=\"text-align: center;\"><strong>This slider is made by layout 1<\/strong><\/h5>\n<p><strong>Settings Used :<\/strong>\u00a0Design Preset \u2013 1, Auto-Play \u2013 ON, Auto Play Speed \u2013 3000ms, Infinite Scroll \u2013 ON, Pause On Mouse Hover \u2013 OFF, Fade Effect \u2013 ON, Slider Thumbnails \u2013 ON, Slider Navigation Arrows \u2013 ON, Slider Navigation Dots \u2013 ON, Full Screen Button \u2013 ON.<\/p>\n\n<p>&nbsp;<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text] \u00a0 This slider is made by layout 1 Settings Used :\u00a0Design Preset \u2013 1, Auto-Play \u2013 ON, Auto Play Speed \u2013 3000ms, Infinite Scroll \u2013 ON, Pause On Mouse Hover \u2013 OFF, Fade Effect \u2013 ON, Slider Thumbnails \u2013 ON, Slider Navigation Arrows \u2013 ON, Slider Navigation Dots \u2013 ON, Full Screen Button \u2013 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":68,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-572","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/comments?post=572"}],"version-history":[{"count":4,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/572\/revisions"}],"predecessor-version":[{"id":2888,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/572\/revisions\/2888"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/media?parent=572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}