{"id":4394,"date":"2021-08-05T08:08:36","date_gmt":"2021-08-05T08:08:36","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/?page_id=4394"},"modified":"2021-09-08T08:15:38","modified_gmt":"2021-09-08T08:15:38","slug":"industrial-image-slider","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/industrial-image-slider\/","title":{"rendered":"Industrial image Slider"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column][vc_column_text]<\/p>\n<h3 style=\"text-align: center;\"><p><strong>Slider By Layout 16<\/strong><\/h3>\n<p>&nbsp;<\/p>\n<style>\r\n.sf-16-main-container-163 {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 900px;\r\n}\r\n\r\n.sf-16-main-container-163:before {\r\n\tcontent: \"\";\r\n\tdisplay: block;\r\n\tpadding-top: 100%;\r\n}\r\n\r\n.sf-16-slide-content-163 {\r\n\t\/* position: absolute;\r\n\tfont-size: 18px;\r\n\tcolor: white;\r\n\tpointer-events: none !important;\r\n\twidth: 100%; *\/\r\n\tmargin-top: 15% !important;\r\n\ttext-align: center;\r\n\tpadding: 30px;\r\n}\r\n.sf-16-slide-title-163 {\r\n\tcolor: #fffca8;\r\n\tfont-size: 50px;\r\n}\r\n\r\n.sf-16-slide-desc-163 {\r\n\tcolor: #fffca8;\r\n\tfont-size: 18px;\r\n\t\r\n}\r\n\r\n.sf-16-slide-button-1-163, .sf-16-slide-button-2-163{\r\n\tbackground-color: #F1F1F1; \r\n\tcolor: black;\r\n\tborder: none; \r\n\tcursor: pointer; \r\n\tborder-radius: 0px; \r\n\ttext-align: center; \r\n\tpadding: 5px 15px; \r\n\ttransition: all .3s;\r\n\ttransition: all .3s;\r\n\tmargin-top: 25px !important;\r\n\tmargin-right: 6px;\r\n}\r\n\r\n.sf-16-slide-button-1-163:hover, .sf-16-slide-button-2-163:hover { \r\n\tbackground-color: #3E3D3D; \r\n\tcolor: #eeebdd; \r\n}\r\n\r\n.slider-panel__controls-163 {\r\n  margin: 0 auto;\r\n  padding: 10px;\r\n  width: 70%;\r\n  text-align: center;\r\n \/*  color: rgba(255, 255, 255, 0.7); *\/\r\n  color: #fffca8;\r\n}\r\n\r\n.slider-panel__controls-163 i {\r\n  margin: 0 4%;\r\n  font-size: 40px;\r\n}\r\n\r\n.slider-panel__controls-163 i:hover, .slider-panel__controls-163 i:active {\r\n  color: #666666;\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n\/* .main-container {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 950px;\r\n} *\/\r\n\r\n.slider-item-163 {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-size: cover;\r\n  background-position: 50% 50%;\r\n  z-index: 0;\r\n}\r\n\r\n.slider-panel-163 {\r\n  position: absolute;\r\n  bottom: 0;\r\n  display: none;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n\t  -ms-flex-direction: column;\r\n\t\t  flex-direction: column;\r\n  width: 100%;\r\n \/*  color: rgba(255, 255, 255, 0.7); *\/\r\n  z-index: 20;\r\n}\r\n\r\n.slider-panel__navigation-163 {\r\n  margin: 0 auto;\r\n  padding: 10px;\r\n  width: 70%;\r\n  text-align: center;\r\n}\r\n\r\n.slider-panel__navigation-163 i {\r\n  margin: 0 3%;\r\n  font-size: 15px;\r\n}\r\n\r\n.slider-panel__navigation-163 i:hover, .slider-panel__navigation-163 i:active {\r\n  color: white;\r\n  cursor: pointer;\r\n}\r\n\r\n\/* .slider-panel__controls {\r\n  margin: 0 auto;\r\n  padding: 10px;\r\n  width: 70%;\r\n  text-align: center;\r\n}\r\n\r\n.slider-panel__controls i {\r\n  margin: 0 4%;\r\n  font-size: 40px;\r\n}\r\n\r\n.slider-panel__controls i:hover, .slider-panel__controls i:active {\r\n  color: white;\r\n  cursor: pointer;\r\n} *\/\r\n\r\n.active-163 {\r\n  z-index: 10;\r\n  -webkit-animation: 0.6s blur ease-in;\r\n\t\t  animation: 0.6s blur ease-in;\r\n}\r\n\r\n@-webkit-keyframes circle {\r\n  0% {\r\n\t-webkit-clip-path: circle(75%);\r\n\t\t\tclip-path: circle(75%);\r\n  }\r\n  100% {\r\n\t-webkit-clip-path: circle(0%);\r\n\t\t\tclip-path: circle(0%);\r\n  }\r\n}\r\n\r\n@keyframes circle {\r\n  0% {\r\n\t-webkit-clip-path: circle(75%);\r\n\t\t\tclip-path: circle(75%);\r\n  }\r\n  100% {\r\n\t-webkit-clip-path: circle(0%);\r\n\t\t\tclip-path: circle(0%);\r\n  }\r\n}\r\n\r\n@-webkit-keyframes blur {\r\n  0% {\r\n\t-webkit-filter: blur(10px);\r\n\t\t\tfilter: blur(10px);\r\n  }\r\n  100% {\r\n\t-webkit-filter: blur(0);\r\n\t\t\tfilter: blur(0);\r\n  }\r\n}\r\n\r\n@keyframes blur {\r\n  0% {\r\n\t-webkit-filter: blur(10px);\r\n\t\t\tfilter: blur(10px);\r\n  }\r\n  100% {\r\n\t-webkit-filter: blur(0);\r\n\t\t\tfilter: blur(0);\r\n  }\r\n}\r\n\r\n.sf-16-slide-title-163 { } .sf-16-slide-content-163{ background: #00000085; margin-left: 5%; margin-right: 5%;} .sf-16-slide-button-1-163, .sf-16-slide-button-2-163 { background-color: #f3ffa4; border-radius: 21px; padding: 8px 30px; font-size: 20px; }\r\n<\/style>\r\n\r\n<div id=\"slider-163\" class=\"sf-16-main-container-163\">\r\n\r\n\t\t<div class=\"slider-item-163\" style=\"background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/Brown-and-White-Factory-Building-during-Night-Time.jpg);\">\r\n\t\t\t<div class=\"sf-16-slide-content-163\">\r\n\t\t\t\t<div class=\"sf-16-slide-title-163\">\r\n\t\t\t\tBrown and White Factory Building during Night Time\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"sf-16-slide-desc-163\">\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-1-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-1-163\">\r\n\t\t\t\t\tButton 1\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-2-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-2-163\">\r\n\t\t\t\t\t\tButton 2\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t<div class=\"slider-item-163\" style=\"background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/Close-up-Photography-of-a-Power-Tool.jpg);\">\r\n\t\t\t<div class=\"sf-16-slide-content-163\">\r\n\t\t\t\t<div class=\"sf-16-slide-title-163\">\r\n\t\t\t\tClose-up Photography of a Power Tool\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"sf-16-slide-desc-163\">\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-1-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-1-163\">\r\n\t\t\t\t\tButton 1\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-2-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-2-163\">\r\n\t\t\t\t\t\tButton 2\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t<div class=\"slider-item-163\" style=\"background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/Gray-and-Red-Industrial-Machine.jpg);\">\r\n\t\t\t<div class=\"sf-16-slide-content-163\">\r\n\t\t\t\t<div class=\"sf-16-slide-title-163\">\r\n\t\t\t\tGray and Red Industrial Machine\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"sf-16-slide-desc-163\">\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-1-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-1-163\">\r\n\t\t\t\t\tButton 1\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-2-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-2-163\">\r\n\t\t\t\t\t\tButton 2\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t<div class=\"slider-item-163\" style=\"background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/Green-and-Gray-Industrial-Machine.jpg);\">\r\n\t\t\t<div class=\"sf-16-slide-content-163\">\r\n\t\t\t\t<div class=\"sf-16-slide-title-163\">\r\n\t\t\t\tGreen and Gray Industrial Machine\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"sf-16-slide-desc-163\">\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-1-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-1-163\">\r\n\t\t\t\t\tButton 1\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-2-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-2-163\">\r\n\t\t\t\t\t\tButton 2\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t<div class=\"slider-item-163\" style=\"background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/Man-Riding-a-Yellow-Forklift-With-Boxes.jpg);\">\r\n\t\t\t<div class=\"sf-16-slide-content-163\">\r\n\t\t\t\t<div class=\"sf-16-slide-title-163\">\r\n\t\t\t\tMan Riding a Yellow Forklift With Boxes\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"sf-16-slide-desc-163\">\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-1-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-1-163\">\r\n\t\t\t\t\tButton 1\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-2-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-2-163\">\r\n\t\t\t\t\t\tButton 2\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t<div class=\"slider-item-163\" style=\"background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/Man-Standing-Near-Fire.jpg);\">\r\n\t\t\t<div class=\"sf-16-slide-content-163\">\r\n\t\t\t\t<div class=\"sf-16-slide-title-163\">\r\n\t\t\t\tMan Standing Near Fire\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"sf-16-slide-desc-163\">\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-1-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-1-163\">\r\n\t\t\t\t\tButton 1\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-2-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-2-163\">\r\n\t\t\t\t\t\tButton 2\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t<div class=\"slider-item-163\" style=\"background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/Man-Wearing-Orange-Hard-Hat.jpg);\">\r\n\t\t\t<div class=\"sf-16-slide-content-163\">\r\n\t\t\t\t<div class=\"sf-16-slide-title-163\">\r\n\t\t\t\tMan Wearing Orange Hard Hat\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"sf-16-slide-desc-163\">\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-1-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-1-163\">\r\n\t\t\t\t\tButton 1\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-2-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-2-163\">\r\n\t\t\t\t\t\tButton 2\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t<div class=\"slider-item-163\" style=\"background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/Silver-Metal-Round-Gears-Connected-to-Each-Other.jpg);\">\r\n\t\t\t<div class=\"sf-16-slide-content-163\">\r\n\t\t\t\t<div class=\"sf-16-slide-title-163\">\r\n\t\t\t\tSilver Metal Round Gears Connected to Each Other\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"sf-16-slide-desc-163\">\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-1-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-1-163\">\r\n\t\t\t\t\tButton 1\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-2-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-2-163\">\r\n\t\t\t\t\t\tButton 2\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t<div class=\"slider-item-163\" style=\"background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/Two-Men-Holding-Two-Gray-Metal-Tools.jpg);\">\r\n\t\t\t<div class=\"sf-16-slide-content-163\">\r\n\t\t\t\t<div class=\"sf-16-slide-title-163\">\r\n\t\t\t\tTwo Men Holding Two Gray Metal Tools\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"sf-16-slide-desc-163\">\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-1-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-1-163\">\r\n\t\t\t\t\tButton 1\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-2-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-2-163\">\r\n\t\t\t\t\t\tButton 2\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t<div class=\"slider-item-163\" style=\"background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/View-of-Factory-Against-Blue-Sky.jpg);\">\r\n\t\t\t<div class=\"sf-16-slide-content-163\">\r\n\t\t\t\t<div class=\"sf-16-slide-title-163\">\r\n\t\t\t\tView of Factory Against Blue Sky\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"sf-16-slide-desc-163\">\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-1-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-1-163\">\r\n\t\t\t\t\tButton 1\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-2-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-2-163\">\r\n\t\t\t\t\t\tButton 2\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t<div class=\"slider-item-163\" style=\"background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/Warehouse-with-Concrete-Floors.jpg);\">\r\n\t\t\t<div class=\"sf-16-slide-content-163\">\r\n\t\t\t\t<div class=\"sf-16-slide-title-163\">\r\n\t\t\t\tWarehouse with Concrete Floors\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"sf-16-slide-desc-163\">\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-1-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-1-163\">\r\n\t\t\t\t\tButton 1\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-2-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-2-163\">\r\n\t\t\t\t\t\tButton 2\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t<div class=\"slider-item-163\" style=\"background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/Welding-Process.jpg);\">\r\n\t\t\t<div class=\"sf-16-slide-content-163\">\r\n\t\t\t\t<div class=\"sf-16-slide-title-163\">\r\n\t\t\t\tWelding Process\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"sf-16-slide-desc-163\">\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-1-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-1-163\">\r\n\t\t\t\t\tButton 1\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-2-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-2-163\">\r\n\t\t\t\t\t\tButton 2\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t<div class=\"slider-item-163\" style=\"background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/Woman-Wears-Yellow-Hard-Hat-Holding-Vehicle-Part.jpg);\">\r\n\t\t\t<div class=\"sf-16-slide-content-163\">\r\n\t\t\t\t<div class=\"sf-16-slide-title-163\">\r\n\t\t\t\tWoman Wears Yellow Hard Hat Holding Vehicle Part\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"sf-16-slide-desc-163\">\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-1-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-1-163\">\r\n\t\t\t\t\tButton 1\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-2-163\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-2-163\">\r\n\t\t\t\t\t\tButton 2\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\r\n\t\r\n\t<div class=\"slider-panel-163\">\r\n\t\t\t<div class=\"slider-panel__controls-163\">\r\n\t\t\t<i class=\"far fa-arrow-alt-circle-left\" id=\"previous-163\"><\/i>\r\n\t\t\t<i class=\"far fa-pause-circle\" id=\"pause-play-163\"><\/i>\r\n\t\t\t<i class=\"far fa-arrow-alt-circle-right\" id=\"next-163\"><\/i>\r\n\t\t<\/div>\r\n\t\t<\/div>\r\n<\/div>\r\n\r\n<script>\r\nlet $slider163 = jQuery('.slider-item-163');\r\nlet currentSliderItem163 = -1;\r\nlet sliderInterval163 = setInterval(nextSlide163, 5000);\r\n\r\nlet playing163 = true;\r\nlet $pausePlayButton163 = jQuery('#pause-play-163');\r\nlet $nextButton163 = jQuery('#next-163');\r\nlet $previousButton163 = jQuery('#previous-163');\r\n\r\nlet $sliderPanel163 = jQuery('.slider-panel-163');\r\nlet $indContainer163 = jQuery('.slider-panel__navigation-163');\r\nlet $indItem163 = jQuery('.indicator');\r\n\r\nfunction nextSlide163() {\r\n\tgoToSlide163(currentSliderItem163 + 1);\r\n}\r\n\r\nfunction prevSlide163() {\r\n\tgoToSlide163(currentSliderItem163 - 1);\r\n}\r\n\r\nfunction goToSlide163(n) {\r\n\tjQuery($slider163[currentSliderItem163]).toggleClass('active-163');\r\n\tjQuery($indItem163[currentSliderItem163]).attr('class', 'far fa-circle indicator');\r\n\r\n\tcurrentSliderItem163 = ($slider163.length + n) % $slider163.length;\r\n\r\n\tjQuery($slider163[currentSliderItem163]).toggleClass('active-163');\r\n\tjQuery($indItem163[currentSliderItem163]).attr('class', 'fas fa-circle indicator');\r\n}\r\n\r\nfunction pauseSlideShow163() {\r\n\t$pausePlayButton163.attr('class', 'far fa-play-circle');\r\n\tplaying163 = false;\r\n\tclearInterval(sliderInterval163);\r\n}\r\n\r\nfunction playSlideShow163() {\r\n\t$pausePlayButton163.attr('class', 'far fa-pause-circle');\r\n\tplaying163 = true;\r\n\tsliderInterval163 = setInterval(nextSlide163, 5000);\r\n}\r\n\r\n$sliderPanel163.css('display', 'flex');\r\n\r\n$pausePlayButton163.on('click', () => {\r\n\tif (playing163) pauseSlideShow163();\r\n\telse playSlideShow163();\r\n});\r\n\r\n$nextButton163.on('click', () => {\r\n\tpauseSlideShow163();\r\n\tnextSlide163();\r\n});\r\n\r\n$previousButton163.on('click', () => {\r\n\tpauseSlideShow163();\r\n\tprevSlide163();\r\n});\r\n\r\n$indContainer163.on('click', (event) => {\r\n\tlet target = event.target;\r\n\r\n\tif (target.classList.contains('indicator')) {\r\n\t\tpauseSlideShow163();\r\n\t\tgoToSlide163(+target.getAttribute('data-slide-to'));\r\n\t}\r\n});\r\n\r\n\/\/---------------------------------------------------------------------\r\njQuery(document).on('keydown', keyNavigation163);\r\n\r\nfunction keyNavigation163(event) {\r\n\r\n\tif (event.code === 'ArrowLeft') { \/\/left arrow\r\n\t\tpauseSlideShow163();\r\n\t\tprevSlide163();\r\n\t}\r\n\tif (event.code === 'ArrowRight') { \/\/right arrow\r\n\t\tpauseSlideShow163();\r\n\t\tnextSlide163();\r\n\t}\r\n\tif (event.code === 'Space') { \/\/space\r\n\t\tif (playing163) pauseSlideShow163();\r\n\t\telse playSlideShow163();\r\n\t}\r\n}\r\n\r\n\/\/---------------------------------------------------------------------\r\n<\/script>\r\n\n<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space][vc_tta_accordion c_icon=&#8221;&#8221; active_section=&#8221;1&#8243;][vc_tta_section title=&#8221;Settings Used In This Slider&#8221; tab_id=&#8221;1631088762919-2a7a48ef-7460&#8243;][vc_column_text]<\/p>\n<p><span style=\"color: #000000;\">Play Speed- 5000 ms, Slider navigation Arrows- ON, Navigation Arrows Color- #fffca8, Caption Text Color- #fffca8 &amp; Custom CSS<\/span><\/p>\n<p>[\/vc_column_text][\/vc_tta_section][\/vc_tta_accordion][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column][vc_column_text] [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space][vc_tta_accordion c_icon=&#8221;&#8221; active_section=&#8221;1&#8243;][vc_tta_section title=&#8221;Settings Used In This Slider&#8221; tab_id=&#8221;1631088762919-2a7a48ef-7460&#8243;][vc_column_text] Play Speed- 5000 ms, Slider navigation Arrows- ON, Navigation Arrows Color- #fffca8, Caption Text Color- #fffca8 &amp; Custom CSS [\/vc_column_text][\/vc_tta_section][\/vc_tta_accordion][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row]<\/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-4394","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/4394","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=4394"}],"version-history":[{"count":7,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/4394\/revisions"}],"predecessor-version":[{"id":5098,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/4394\/revisions\/5098"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/media?parent=4394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}