{"id":938,"date":"2021-01-28T07:14:00","date_gmt":"2021-01-28T07:14:00","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/?page_id=938"},"modified":"2021-03-16T07:35:30","modified_gmt":"2021-03-16T07:35:30","slug":"happy-new-year-slider","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/happy-new-year-slider\/","title":{"rendered":"Happy New Year Slider"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text]<\/p>\n<h4 style=\"text-align: center;\"><strong><span style=\"color: #999999;\">Slider By Layout 1<\/span><\/strong><\/h4>\n<p>&nbsp;<\/p>\n<script>\r\njQuery( document ).ready(function() {\r\n\tvar carousel_27 = jQuery('.carousel-main-27').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: 1500,\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: false,\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-27').flickity({\r\n\t\tasNavFor: '.carousel-main-27',\r\n\t\tcontain: true,\r\n\t\tpageDots: false,\r\n\t\trightToLeft: false,\t\t\t\t\t\t\t\t\t\/\/ RTL support\r\n\t});\r\n\t\t\r\n\tcarousel_27.flickity('resize');\r\n});\r\n<\/script>\r\n\r\n<!-- slider start-->\r\n<div class=\"carousel-27 carousel-main-27\">\r\n\t\t\t\t<div class=\"carousel-cell-27\">\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\/01\/Happy-New-Year-5.jpg\" alt=\"\" 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\tBeautiful white letters Happy New Year at blue wall in modern decoration studio\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-27\">\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\/01\/Happy-New-Year-4.jpg\" alt=\"\" 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\tHappy New Year pink background\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-27\">\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\/01\/Happy-New-Year-3.jpg\" alt=\"\" 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\tBeautiful fireworks display on black sky\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-27\">\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\/01\/Happy-New-Year-2.jpg\" alt=\"\" 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\tNew year background\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-27\">\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\/01\/Happy-New-Year-1.jpg\" alt=\"\" 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\tHappy New Year\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-27\">\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\/01\/Happy-New-Year-Black-Background.jpeg\" alt=\"\" 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\tHappy New Year Black Background\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-27\">\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\/01\/Very-Happy-New-Year.jpeg\" alt=\"\" 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\tVery Happy New Year\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-27 carousel-nav-27\">\r\n\t\t\t\t<div class=\"carousel-thumbnails-cell-27\">\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\/01\/Happy-New-Year-5-150x150.jpg\" alt=\"\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-27\">\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\/01\/Happy-New-Year-4-150x150.jpg\" alt=\"\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-27\">\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\/01\/Happy-New-Year-3-150x150.jpg\" alt=\"\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-27\">\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\/01\/Happy-New-Year-2-150x150.jpg\" alt=\"\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-27\">\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\/01\/Happy-New-Year-1-150x150.jpg\" alt=\"\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-27\">\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\/01\/Happy-New-Year-Black-Background-150x150.jpeg\" alt=\"\">\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"carousel-thumbnails-cell-27\">\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\/01\/Very-Happy-New-Year-150x150.jpeg\" alt=\"\">\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-27 {\r\n\theight: auto;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmargin-bottom: 40px;\r\n}\r\n\r\n.carousel-27 .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-27.is-fullscreen .carousel-cell-27 {\r\n\theight: 100% !important;\r\n}\r\n\r\n.carousel-27.is-fullscreen .carousel-cell-27 .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-27 {\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-27 {\r\n\theight: 100px;\r\n\twidth: 100px;\r\n}\r\n\r\n.carousel-nav-27 .carousel-thumbnails-cell-27 {\r\n\theight: 100px;\r\n\twidth: 100px;\r\n}\r\n\r\n.carousel-nav-27 .carousel-thumbnails-cell-27.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\n\n<div class=\"wp-block-spacer\" style=\"height: 100px;\" aria-hidden=\"true\">\u00a0<\/div>\n\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 1500ms, Pause On Mouse Hover \u2013 OFF, Full Screen Button \u2013 ON, Infinite Scroll \u2013 ON, Fade Effect \u2013 ON, Adaptive Height &#8211; ON, Slider Thumbnails \u2013 ON, Slider Navigation Arrows \u2013 ON, Slider Navigation Dots \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] Slider By Layout 1 &nbsp; This slider is made by layout 1 Settings Used :\u00a0Design Preset \u2013 1, Auto-Play \u2013 ON, Auto Play Speed \u2013 1500ms, Pause On Mouse Hover \u2013 OFF, Full Screen Button \u2013 ON, Infinite Scroll \u2013 ON, Fade Effect \u2013 ON, Adaptive Height &#8211; ON, Slider Thumbnails \u2013 ON, Slider [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":49,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-938","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/938","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=938"}],"version-history":[{"count":6,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/938\/revisions"}],"predecessor-version":[{"id":2833,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/938\/revisions\/2833"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/media?parent=938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}