{"id":4897,"date":"2021-08-23T09:43:18","date_gmt":"2021-08-23T09:43:18","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/?page_id=4897"},"modified":"2021-09-08T08:01:40","modified_gmt":"2021-09-08T08:01:40","slug":"plumber-slider","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/plumber-slider\/","title":{"rendered":"Plumber Image Slider"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text]<style>\r\n.sw-slide-container-182 {\r\n\tbackground-color: #ffffff!important;\r\n}\r\n\r\n.sw-slideWiz-182 {\r\n\twidth:1000px;\r\n\theight:700px;\r\n}\r\n\r\n@media only screen and (min-width: 768px) and (max-width: 800px) {\r\n\t.sw-slideWiz-182 {\r\n\t\tmax-width: 100% !important;\r\n\t\theight: 500px !important;\r\n\t}\r\n\t.sw-slideWiz-182 img{\r\n\t\tobject-fit: fill !important;\r\n\t\theight: 500px !important;\r\n\t}\r\n\t.sw-detail-title-182 {\r\n\t\tfont-size: 23px !important;\r\n\t}\r\n\t.sw-detail-desc-182 {\r\n\t\tfont-size: 13px !important;\r\n\t}\r\n\t.sw-detail-button-182, .sw-detail-button-2-182 {\r\n\t\tfont-size: 13px !important;\r\n\t}\r\n}\r\n\r\n\r\n@media only screen and (min-width: 500px) and (max-width: 767px) {\r\n\t.sw-slideWiz-182 {\r\n\t\tmax-width: 100% !important;\r\n\t\theight: 400px !important;\r\n\t}\r\n\t.sw-slideWiz-182 img{\r\n\t\tobject-fit: fill !important;\r\n\t\teight: 400px !important;\r\n\t}\r\n\t.sw-detail-title-182 {\r\n\t\tfont-size: 17px !important;\r\n\t}\r\n\t.sw-detail-desc-182 {\r\n\t\tfont-size: 10px !important;\r\n\t}\r\n\t.sw-detail-button-182, .sw-detail-button-2-182 {\r\n\t\tfont-size: 10px !important;\r\n\t}\r\n}\r\n\r\n@media only screen and (min-width: 320px) and (max-width: 500px) {\r\n\t.sw-slideWiz-182 {\r\n\t\tmax-width: 100% !important;\r\n\t\theight: 290px !important;\r\n\t}\r\n\t.sw-slideWiz-182 img{\r\n\t\tobject-fit: fill !important;\r\n\t\theight: 290px !important;\r\n\t}\r\n\t.sw-detail-title-182 {\r\n\t\tfont-size: 10px !important;\r\n\t\tpadding: 0 !important;\r\n\t}\r\n\t.sw-detail-desc-182 {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.sw-detail-box-182 {\r\n\t\tpadding: 7px !important;\r\n\t}\r\n\t.sw-detail-button-182, .sw-detail-button-2-182 {\r\n\t\tfont-size: 10px !important;\r\n\t}\r\n\t.sw-detail-button-182, .sw-detail-button-2-182 {\r\n\tmin-width: 10px  !important;\r\n\tmin-height: 10px  !important;\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: 320px) {\r\n\t.sw-slideWiz-182 {\r\n\t\tmax-width: 100% !important;\r\n\t\theight: 180px !important;\r\n\t}\r\n\t.sw-slideWiz-182 img{\r\n\t\tobject-fit: fill !important;\r\n\t\theight: 180px !important;\r\n\t}\r\n\t.sw-detail-title-182 {\r\n\t\tfont-size: 8px !important;\r\n\t\tpadding: 0 !important;\r\n\t}\r\n\t.sw-detail-desc-182 {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.sw-detail-box-182 {\r\n\t\tpadding: 7px !important;\r\n\t}\t\r\n\t.sw-detail-button-182, .sw-detail-button-2-182 {\r\n\t\tfont-size: 8px !important;\r\n\t}\r\n\t\t.sw-detail-button-182, .sw-detail-button-2-182 {\r\n\tmin-width: 10px  !important;\r\n\tmin-height: 10px  !important;\r\n\t}\r\n}\r\n\/*\r\n.sw-detail-title {\r\n\twidth: 100%;\r\n\tfloat: left;\r\n\tmargin: 5px 0 5px 0;\r\n\tpadding: 5px 0 5px 0;\r\n\tcolor: #ffffff;\r\n\tfont-family: 'Montserrat', sans-serif;\r\n\tfont-size: 30px;\r\n\tfont-weight: bold;\r\n\tword-wrap: break-word;\r\n\ttext-align: justify;\r\n}\r\n\r\n.sw-detail-desc {\r\n\twidth: 100%;\r\n\tfloat: left;\r\n\tmargin-top: 5px;\r\n\tcolor: #ffffff;\r\n\tfont-family: 'Lato', sans-serif;\r\n\tfont-size: 15px;\r\n\tfont-weight: normal;\r\n\tword-wrap: break-word;\r\n}\r\n\r\n*\/\r\n.sw-slide-container-182 {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tfloat: left;\r\n\tbackground-color: #000000;\r\n\toverflow: hidden;\r\n\tposition: relative;\r\n}\r\n\r\n.sw-slide-holder-182 {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tfloat: left;\r\n\tposition: relative;\r\n}\r\n\r\n.sw-half-circle-next-182, .sw-half-circle-prev-182 {\r\n\twidth: 70px;\r\n\theight: 70px;\r\n\t-webkit-border-radius: 40px;\r\n\t-moz-border-radius: 40px;\r\n\tborder-radius: 40px;\r\n\tmargin-top: -30px;\r\n\tpadding-top: 2px;\r\n\tbackground: rgba(0, 0, 0, 0.5);\r\n\tborder-width: 0px;\r\n\tcolor: #fff;\r\n\tfont-style: normal;\r\n\tfont-size: 20px;\r\n\tposition: absolute;\r\n\ttop: calc(50% - 15px);\r\n\tz-index: 10;\r\n\tcursor: pointer;\r\n}\r\n\r\n.sw-half-circle-prev-182 {\r\n\tleft: -30px;\r\n\tmargin-right: -23px;\r\n\tfloat: left;\r\n\tz-index: 100;\r\n}\r\n\r\n.sw-half-circle-next-182 {\r\n\tright: -30px;\r\n\tmargin-left: -23px;\r\n\tfloat: right;\r\n\tz-index: 100;\r\n}\r\n\r\n.sw-half-circle-prev-182 span {\r\n\tmargin-right: -23px\r\n}\r\n\r\n.sw-half-circle-next-182 span {\r\n\tmargin-left: -23px\r\n}\r\n\r\n.sw-fade-182 {\r\n\topacity: 1.0;\r\n!important;\r\n\tdisplay: block;\r\n!important;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n}\r\n\r\n.sw-fade-182 img {\r\n\tmax-width: none;\r\n!important;\r\n\twidth: 100%;\r\n!important;\r\n\theight: 100%;\r\n!important;\r\n\tobject-fit: fill;\r\n}\r\n\r\n.sw-card-182 {\r\n\topacity: 1.0;\r\n!important;\r\n\tdisplay: block;\r\n!important;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tposition: absolute;\r\n\ttransition: all 0.6s;\r\n\toverflow: hidden;\r\n}\r\n\r\n.sw-card-182 img {\r\n\tmax-width: none;\r\n!important;\r\n\twidth: 100%;\r\n!important;\r\n\theight: 100%;\r\n!important;\r\n\tobject-fit: fill;\r\n}\r\n\r\n.sw-box3D-182 {\r\n\topacity: 1.0;\r\n!important;\r\n\tdisplay: block;\r\n!important;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n}\r\n\r\n.sw-box3D-182 img {\r\n\tmax-width: none;\r\n!important;\r\n\twidth: 100%;\r\n!important;\r\n\theight: 100%;\r\n!important;\r\n\tposition: relative;\r\n}\r\n\r\n.sw-glide-182 {\r\n\topacity: 1.0;\r\n!important;\r\n\tdisplay: block;\r\n!important;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tposition: absolute;\r\n\ttransition: all 0.6s;\r\n\toverflow: hidden;\r\n}\r\n\r\n.sw-glide-182 img {\r\n\tmax-width: none;\r\n!important;\r\n\twidth: 100%;\r\n!important;\r\n\theight: 100%;\r\n!important;\r\n\tobject-fit: fill;\r\n}\r\n\r\n.sw-slice-182 {\r\n\topacity: 1.0;\r\n!important;\r\n\tdisplay: block;\r\n!important;\r\n\theight: 100%;\r\n\tfloat: left;\r\n\tposition: relative;\r\n\ttransition: all .8s cubic-bezier(.175, .885, .32, 1.275);\r\n\toverflow: hidden;\r\n}\r\n\r\n.sw-slice-182 img {\r\n\tmax-width: none;\r\n!important;\r\n\twidth: 100%;\r\n!important;\r\n\theight: 100%;\r\n!important;\r\n\tfloat: left;\r\n\tobject-fit: fill;\r\n}\r\n\r\n.sw-flip-182 {\r\n\topacity: 1.0;\r\n!important;\r\n\tdisplay: block;\r\n!important;\r\n\theight: 100%;\r\n\tfloat: left;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n}\r\n\r\n.sw-flipper-182 {\r\n\ttransition: all 0.6s;\r\n\ttransform: rotateY(360deg);\r\n\t-webkit-transform: rotateY(360deg);\r\n\t-ms-transform: rotateY(360deg);\r\n\ttransform-style: preserve-3d;\r\n}\r\n\r\n.sw-flip-182 img {\r\n\tmax-width: none;\r\n!important;\r\n\twidth: 100%;\r\n!important;\r\n\theight: 100%;\r\n!important;\r\n\tfloat: left;\r\n\tobject-fit: fill;\r\n}\r\n\r\n.sw-pixel-182 {\r\n\topacity: 1.0;\r\n!important;\r\n\tdisplay: block;\r\n!important;\r\n\theight: 100%;\r\n\tfloat: left;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n}\r\n\r\n.sw-pixel-182 img {\r\n\tmax-width: none;\r\n!important;\r\n\twidth: 100%;\r\n!important;\r\n\theight: auto;\r\n!important;\r\n\tfloat: left;\r\n\tobject-fit: fill;\r\n}\r\n\r\n.sw-pixel-rotate-182 {\r\n\ttransition: all 0.6s;\r\n\ttransform: rotateY(360deg);\r\n\t-webkit-transform: rotateY(360deg);\r\n\t-ms-transform: rotateY(360deg);\r\n\ttransform-style: preserve-3d;\r\n}\r\n\r\n.sw-pixel-scale-182 {\r\n\t-webkit-animation-duration: .6s;\r\n\t-o-animation-duration: .6s;\r\n\tanimation-duration: .6s;\r\n\t-webkit-animation-timing-function: ease-out;\r\n\t-o-animation-timing-function: ease-out;\r\n\tanimation-timing-function: ease-out;\r\n\tanimation-iteration-count: 1;\r\n\t-webkit-animation-name: scale;\r\n\t-o-animation-name: scale;\r\n\tanimation-name: scale;\r\n}\r\n\r\n@-webkit-keyframes scale {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\tbox-shadow: 0 0 50px #000000;\r\n\t\t-webkit-transform: scale(2);\r\n\t\ttransform: scale(2)\r\n\t}\r\n\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: scale(1);\r\n\t\ttransform: scale(1)\r\n\t}\r\n}\r\n\r\n@-o-keyframes scale {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\tbox-shadow: 0 0 50px #000000;\r\n\t\t-o-transform: scale(2);\r\n\t\ttransform: scale(2)\r\n\t}\r\n\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: scale(1);\r\n\t\ttransform: scale(1)\r\n\t}\r\n}\r\n\r\n@keyframes scale {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\tbox-shadow: 0 0 50px #000000;\r\n\t\t-webkit-transform: scale(2);\r\n\t\t-o-transform: scale(2);\r\n\t\ttransform: scale(2)\r\n\t}\r\n\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-o-transform: scale(1);\r\n\t\ttransform: scale(1)\r\n\t}\r\n}\r\n\r\n\/* latin *\/\r\n@font-face {\r\n\tfont-family: 'Montserrat';\r\n\tfont-style: normal;\r\n\tfont-weight: 700;\r\n\t\/* src: local('Montserrat Bold'), local('Montserrat-Bold'), url(..\/font\/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2) format('woff2'); *\/\r\n\tunicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;\r\n}\r\n\r\n\/* latin *\/\r\n@font-face {\r\n\tfont-family: 'Lato';\r\n\tfont-style: normal;\r\n\tfont-weight: 700;\r\n\t\/* src: local('Montserrat Bold'), local('Montserrat-Bold'), url(..\/font\/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); *\/\r\n\tunicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;\r\n}\r\n\r\n.sw-main-image-box-182 {\r\n\twidth: 150px;\r\n\theight: 150px;\r\n\tposition: absolute;\r\n\tright: 8%;\r\n\ttop: -320px;\r\n\tz-index: 10;\r\n\tborder-radius: 50%;\r\n\ttransition: all 1s;\r\n\tbox-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\r\n\toverflow: hidden;\r\n}\r\n\r\n.sw-main-image-box-182 img {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tobject-fit: fill;\r\n}\r\n\r\n.sw-detail-box-182 {\r\n\twidth: 42%;\r\n\tpadding: 20px;\r\n\tposition: absolute;\r\n\tleft: 8%;\r\n\tbottom: -500px;\r\n\tz-index: 10;\r\n\ttransition: all 1s;\r\n\tborder-radius: 5px;\r\n\tbackground: rgba(0, 0, 0, 0.7);\r\n\tbackground: -moz-linear-gradient(top, rgba(137, 255, 241, 0) 0%, rgba(0, 0, 0, 1) 100%);\r\n\tbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(137, 255, 241, 0)), color-stop(100%, rgba(0, 0, 0, 1)));\r\n\tbackground: -webkit-linear-gradient(right, rgba(137, 255, 241, 0) 0%, rgba(0, 0, 0, 1) 100%);\r\n\tbackground: -o-linear-gradient(right, rgba(137, 255, 241, 0) 0%, rgba(0, 0, 0, 1) 100%);\r\n\tbackground: -ms-linear-gradient(right, rgba(137, 255, 241, 0) 0%, rgba(0, 0, 0, 1) 100%);\r\n\tbackground: linear-gradient(to left, rgba(137, 255, 241, 0) 0%, rgba(0, 0, 0, 1) 100%);\r\n\tfilter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089fff1', endColorstr='#000000', GradientType=0);\r\n\toverflow: hidden;\r\n}\r\n\r\n.sw-detail-title-182 {\r\n\twidth: 100%;\r\n\tfloat: left;\r\n\tmargin: 5px 0 5px 0;\r\n\tpadding: 5px 0 5px 0;\r\n\tcolor: #ffffff;\r\n\tfont-family: 'Montserrat', sans-serif;\r\n\tfont-size: 30px;\r\n\tfont-weight: bold;\r\n\tword-wrap: break-word;\r\n\ttext-align: justify;\r\n}\r\n\r\n.sw-detail-desc-182 {\r\n\twidth: 100%;\r\n\tfloat: left;\r\n\tmargin-top: 5px;\r\n\tcolor: #ffffff;\r\n\tfont-family: 'Lato', sans-serif;\r\n\tfont-size: 15px;\r\n\tfont-weight: normal;\r\n\tword-wrap: break-word;\r\n}\r\n\r\n.sw-detail-button-182 {\r\n\tmin-width: 100px;\r\n\tmin-height: 30px;\r\n\tfloat: left;\r\n\tmargin-top: 10px;\r\n\t-webkit-border-radius: 3px;\r\n\t-moz-border-radius: 3px;\r\n\tborder-radius: 3px;\r\n\tborder: none;\r\n\tcolor: #fff;\r\n\tbackground-color: #00d793;\r\n\tcursor: pointer;\r\n}\r\n\r\n.sw-detail-button-182:hover {\r\n\tbackground-color: #008b5f;\r\n}\r\n.sw-detail-button-2-182 {\r\n\tmin-width: 100px;\r\n\tmin-height: 30px;\r\n\tfloat: left;\r\n\tmargin-left:10px;\r\n\tmargin-top: 10px;\r\n\t-webkit-border-radius: 3px;\r\n\t-moz-border-radius: 3px;\r\n\tborder-radius: 3px;\r\n\tborder: none;\r\n\tcolor: #fff;\r\n\tbackground-color: #00d793;\r\n\tcursor: pointer;\r\n}\r\n\r\n.sw-detail-button-2-182:hover {\r\n\tbackground-color: #008b5f;\r\n}\r\n\r\n\r\n.sw-detail-box-182 { background: linear-gradient(to left, rgba(137, 255, 241, 0) 0%, rgba(0, 0, 0, 1) 100%); } .sw-detail-title-182 {font-size: 25px;} .sw-detail-title-182, .sw-detail-desc-182 { text-align: left; color: #caccff; font-style:italic; } .sw-slideWiz-182 { border-radius: 3%; overflow: hidden; }<\/style>\r\n<script>\r\n\r\njQuery.fn.slideWiz182 = function (e) {\r\n\r\n\tconst slideWiz182 = (element, e) => {\r\n\r\n\t\t'use strict';\r\n\t\tconst FORWARD = 0;\r\n\t\tconst BACKWARD = 1;\r\n\r\n\t\tconst getType = (variable) => typeof variable;\r\n\r\n\t\tconst isUndefined = (variable) => typeof variable === \"undefined\";\r\n\r\n\t\tconst isBoolean = (variable) => typeof variable === \"boolean\";\r\n\r\n\t\tconst isNumeric = (variable) => isNaN(variable) === false;\r\n\r\n\t\tconst isArray = (variable) => Array.isArray(variable);\r\n\r\n\t\tconst isObject = (variable) => typeof variable === \"object\";\r\n\r\n\t\tconst isString = (variable) => typeof variable === \"string\";\r\n\r\n\t\tconst inArray = (array, search) => {\r\n\t\t\tif (!isArray(array)) throw \"inArray expects\" +\r\n\t\t\t\" its first parameter to be an array\";\r\n\t\t\tfor (let x in array)\r\n\t\t\t\tif (array.hasOwnProperty(x))\r\n\t\t\t\t\tif (array[x] === search) return true;\r\n\t\t\treturn false;\r\n\t\t};\r\n\r\n\t\tconst isValidAnimation = (animation) => inArray([\r\n\t\t\t'sw-flip-182',\r\n\t\t\t'sw-slice-182',\r\n\t\t\t'sw-card-182',\r\n\t\t\t'sw-fade-182',\r\n\t\t\t'sw-box3D-182',\r\n\t\t\t'sw-glide-182',\r\n\t\t\t'sw-pixel-182'\r\n\t\t], animation);\r\n\r\n\t\tconst arrayShuffle = (array) => {\r\n\t\t\tif (!isArray(array)) throw \"arrayShuffle expects an array\";\r\n\t\t\tlet size = array.length, x;\r\n\t\t\tfor (x in array) {\r\n\t\t\t\tlet j = Math.floor((Math.random() * size));\r\n\t\t\t\tlet random = array[j];\r\n\t\t\t\tif (array.hasOwnProperty(x)) {\r\n\t\t\t\t\tarray[j] = array[x];\r\n\t\t\t\t\tarray[x] = random;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\treturn array;\r\n\t\t};\r\n\r\n\t\tif (!isBoolean(e.auto)) throw \"slideWiz expects the 'auto' attribute to be a boolean, \" + getType(e.auto) + \" given.\";\r\n\r\n\t\tif (!isNumeric(e.speed) || e.speed < 1000) throw \"slideWiz expects the 'speed' attribute to be numeric milliseconds starting from 1000, \" + getType(e.speed) + \" given.\";\r\n\r\n\t\t\/\/if (!isString(e.animation) && !isArray(e.animation)) throw \"slideWiz expects the 'animation' attribute to be a string or an array, \" + getType(e.animation) + \" given.\";\r\n\t\tif (!(isString(e.animation) || isArray(e.animation))) throw \"slideWiz expects the 'animation' attribute to be a string or an array, \" + getType(e.animation) + \" given.\";\r\n\r\n\r\n\t\tif (!isArray(e.file)) throw \"slideWiz expects the 'file' attribute to be an array, \" + getType(e.file) + \" parsed.\";\r\n\r\n\t\tif (!(isUndefined(e.col) || isNumeric(e.col))) throw \"slideWiz expects the 'col' attribute to be numeric, \" + getType(e.col) + \" given.\";\r\n\r\n\t\tif (!(isUndefined(e.row) || isNumeric(e.row))) throw \"slideWiz expects the 'row' attribute to be numeric, \" + getType(e.row) + \" given.\";\r\n\r\n\t\te.animation = (isArray(e.animation) ? arrayShuffle(e.animation)[0] : e.animation);\r\n\r\n\t\tlet move = true, position = 0, xTimeout = null, xxTimeout = null, pixelType = 0, pixelArray = [],\r\n\t\t\tcol = (isNumeric(e.col) ? e.col : 30), row = (isNumeric(e.row) ? e.row : 6);\r\n\r\n\t\tconst initSlide = () => {\r\n\t\t\tif (getMove() === true) slide(FORWARD);\r\n\t\t};\r\n\r\n\t\tif (isString(e.animation) && !isValidAnimation(e.animation)) throw \"unsupported animation '\" + e.animation + \"'\";\r\n\r\n\t\tconst setPosition = (index) => {\r\n\t\t\tposition = index;\r\n\t\t};\r\n\r\n\t\tconst getPosition = () => position;\r\n\r\n\t\tconst setMove = (status) => {\r\n\t\t\tmove = status;\r\n\t\t};\r\n\r\n\t\tconst getMove = () => move;\r\n\r\n\t\tconst getMainImage = (position) => jQuery('<img>').attr(\"src\", e.file[position].src.main);\r\n\r\n\t\tconst getCoverImage = (position) => jQuery('<div>').attr(\"class\", e.animation).append(\r\n\t\t\tjQuery('<img>').attr(\"src\", e.file[position].src.cover)\r\n\t\t);\r\n\r\n\t\tconst getDetail = (position) => {\r\n\r\n\t\t\tlet slideDetailBox = jQuery('<div>');\r\n\r\n\t\t\tif (isString(e.file[position].title)) {\r\n\t\t\t\tslideDetailBox.append(\r\n\t\t\t\t\tjQuery('<h3>').attr(\"class\", \"sw-detail-title-182\").html(e.file[position].title)\r\n\t\t\t\t);\r\n\t\t\t}\r\n\r\n\t\t\tif (isString(e.file[position].desc)) {\r\n\r\n\t\t\t\tlet desc = e.file[position].desc, descSize = desc.length,\r\n\t\t\t\t\tmaxLength = (isNumeric(e.file[position].descLength) ?\r\n\t\t\t\t\t\t(e.file[position].descLength > descSize ? descSize : e.file[position].descLength) : 250),\r\n\t\t\t\t\tdescShort = desc.substring(0, maxLength);\r\n\r\n\t\t\t\tslideDetailBox.append(\r\n\t\t\t\t\tjQuery('<span>').attr(\"class\", \"sw-detail-desc-182\").html(\r\n\t\t\t\t\t\tdescShort.substring(0, (descSize <= maxLength ? descSize : descShort.lastIndexOf(\" \"))) +\r\n\t\t\t\t\t\t(descSize > maxLength ? \"...\" : \"\")\r\n\t\t\t\t\t)\r\n\t\t\t\t);\r\n\r\n\t\t\t}\r\n\r\n\t\t\tif (isObject(e.file[position].button)) {\r\n\r\n\t\t\t\tif (isString(e.file[position].button.url)) {\r\n\r\n\t\t\t\t\tslideDetailBox.append(\r\n\t\t\t\t\t\tjQuery('<a>').attr({'href': e.file[position].button.url, 'target': '_blanck'}).html(\r\n\t\t\t\t\t\t\tjQuery('<button>').attr({\r\n\t\t\t\t\t\t\t\tclass: \"sw-detail-button-182 \" + (isString(e.file[position].button.class) ?\r\n\t\t\t\t\t\t\t\t\te.file[position].button.class : \"\")\r\n\t\t\t\t\t\t\t}).html((\r\n\t\t\t\t\t\t\t\tisString(e.file[position].button.text) ?\r\n\t\t\t\t\t\t\t\t\te.file[position].button.text : \"Button\"\r\n\t\t\t\t\t\t\t))\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t);\r\n\r\n\t\t\t\t} else {\r\n\r\n\t\t\t\t\tslideDetailBox.append(\r\n\t\t\t\t\t\tjQuery('<button>').attr({\r\n\t\t\t\t\t\t\tclass: \"sw-detail-button-182 \" + (isString(e.file[position].button.class) ?\r\n\t\t\t\t\t\t\t\te.file[position].button.class : \"\")\r\n\t\t\t\t\t\t}).html((\r\n\t\t\t\t\t\t\tisString(e.file[position].button.text) ?\r\n\t\t\t\t\t\t\t\te.file[position].button.text : \"Button\"\r\n\t\t\t\t\t\t))\r\n\t\t\t\t\t);\r\n\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (isObject(e.file[position].button2)) {\r\n\r\n\t\t\t\tif (isString(e.file[position].button2.url2)) {\r\n\r\n\t\t\t\t\tslideDetailBox.append(\r\n\t\t\t\t\t\tjQuery('<a>').attr({'href': e.file[position].button2.url2, 'target': '_blanck'}).html(\r\n\t\t\t\t\t\t\tjQuery('<button>').attr({\r\n\t\t\t\t\t\t\t\tclass: \"sw-detail-button-2-182 \" + (isString(e.file[position].button2.class2) ?\r\n\t\t\t\t\t\t\t\t\te.file[position].button2.class2 : \"\")\r\n\t\t\t\t\t\t\t}).html((\r\n\t\t\t\t\t\t\t\tisString(e.file[position].button2.text2) ?\r\n\t\t\t\t\t\t\t\t\te.file[position].button2.text2 : \"Button\"\r\n\t\t\t\t\t\t\t))\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t);\r\n\r\n\t\t\t\t} else {\r\n\r\n\t\t\t\t\tslideDetailBox.append(\r\n\t\t\t\t\t\tjQuery('<button>').attr({\r\n\t\t\t\t\t\t\tclass: \"sw-detail-button-2-182 \" + (isString(e.file[position].button2.class2) ?\r\n\t\t\t\t\t\t\t\te.file[position].button2.class2 : \"\")\r\n\t\t\t\t\t\t}).html((\r\n\t\t\t\t\t\t\tisString(e.file[position].button2.text2) ?\r\n\t\t\t\t\t\t\t\te.file[position].button2.text2 : \"Button\"\r\n\t\t\t\t\t\t))\r\n\t\t\t\t\t);\r\n\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\treturn slideDetailBox.children();\r\n\t\t};\r\n\r\n\t\tconst slide = (direction) => {\r\n\r\n\t\t\tif (getMove() !== true) return false;\r\n\r\n\t\t\tsetMove(false);\r\n\r\n\t\t\tif (xTimeout !== null) clearTimeout(xTimeout);\r\n\r\n\t\t\tlet slideHolder = jQuery('.sw-slide-container-182 .sw-slide-holder-182'),\r\n\t\t\t\tslideContainer = jQuery('.sw-slide-container-182'),\r\n\t\t\t\tslideDetailBox = jQuery('.sw-slide-container-182 .sw-detail-box-182'),\r\n\t\t\t\tslideHolderChildren = slideHolder.children(),\r\n\t\t\t\tslideHolderChildrenLength = slideHolderChildren.length,\r\n\t\t\t\tslideDetailBoxHeight = 0,\r\n\t\t\t\tslideContainerHeight = slideContainer.innerHeight(),\r\n\t\t\t\tslideHolderHeight = slideHolder.innerHeight(),\r\n\t\t\t\tslideHolderMaxWidth = slideHolder.width(),\r\n\t\t\t\tslideHolderMaxHeight = slideHolder.height(),\r\n\t\t\t\tslideHolderMinWidth = (slideHolderMaxWidth \/ col),\r\n\t\t\t\tslideHolderMinHeight = (slideHolderMaxHeight \/ row),\r\n\t\t\t\tcolumn = 0, columnX = 0, timeoutX = null,\r\n\t\t\t\ttimeoutXX = null, timeoutXXX = null, position,\r\n\t\t\t\tfirstRunner, secondRunner, thirdRunner, fourthRunner;\r\n\r\n\t\t\tswitch (e.animation) {\r\n\t\t\t\tcase\"sw-card-182\":\r\n\r\n\t\t\t\t\tif (direction === FORWARD) {\r\n\r\n\t\t\t\t\t\tposition = getPosition() === (e.file.length - 1) ? 0 : (getPosition() + 1);\r\n\t\t\t\t\t\tslideHolder.append(getCoverImage(position).css('bottom', ('-' + slideHolderHeight + 'px')));\r\n\r\n\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\tposition = getPosition() === 0 ? (e.file.length - 1) : (getPosition() - 1);\r\n\t\t\t\t\t\tslideHolder.prepend(getCoverImage(position).css('bottom', (slideHolderHeight + 'px')));\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tslideHolderChildren = slideHolder.children();\r\n\t\t\t\t\tsetPosition(position);\r\n\r\n\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-detail-box-182').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-main-image-box-182').css('top', '-320px');\r\n\r\n\t\t\t\t\tif (direction === BACKWARD) {\r\n\t\t\t\t\t\tjQuery(slideHolderChildren[1]).css({\r\n\t\t\t\t\t\t\t\"z-index\": \"5\"\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\ttimeoutX = setTimeout(() => {\r\n\r\n\t\t\t\t\t\tjQuery(slideHolderChildren[(direction === FORWARD ? 1 : 0)]).css({\r\n\t\t\t\t\t\t\t'bottom': \"0\",\r\n\t\t\t\t\t\t\t\"z-index\": \"10\"\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\ttimeoutXX = setTimeout(() => {\r\n\r\n\t\t\t\t\t\t\tlet position = getPosition();\r\n\r\n\t\t\t\t\t\t\tslideDetailBox.html(\r\n\t\t\t\t\t\t\t\tgetDetail(position)\r\n\t\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\t\tslideDetailBoxHeight = slideDetailBox.innerHeight();\r\n\r\n\t\t\t\t\t\t\tslideDetailBox.css('bottom', ((slideContainerHeight - slideDetailBoxHeight) \/ 2));\r\n\r\n\t\t\t\t\t\t\tif (isString(e.file[position].src.main)) {\r\n\t\t\t\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-main-image-box-182').html(\r\n\t\t\t\t\t\t\t\t\tgetMainImage(position)\r\n\t\t\t\t\t\t\t\t).show().css('top', 50);\r\n\t\t\t\t\t\t\t} else jQuery('.sw-slide-container-182 .sw-main-image-box-182').hide();\r\n\r\n\t\t\t\t\t\t\tjQuery(slideHolderChildren[(direction === FORWARD ? 0 : 1)]).detach();\r\n\r\n\t\t\t\t\t\t\tsetMove(true);\r\n\t\t\t\t\t\t\tif (e.auto === true) xTimeout = setTimeout(initSlide, e.speed);\r\n\t\t\t\t\t\t\tclearTimeout(timeoutX);\r\n\t\t\t\t\t\t\tclearTimeout(timeoutXX);\r\n\r\n\t\t\t\t\t\t}, 600);\r\n\r\n\t\t\t\t\t}, 200);\r\n\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase\"sw-fade-182\":\r\n\r\n\t\t\t\t\tif (direction === FORWARD) {\r\n\r\n\t\t\t\t\t\tposition = getPosition() === (e.file.length - 1) ? 0 : (getPosition() + 1);\r\n\t\t\t\t\t\tslideHolder.append(getCoverImage(position).hide());\r\n\r\n\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\tposition = getPosition() === 0 ? (e.file.length - 1) : (getPosition() - 1);\r\n\t\t\t\t\t\tslideHolder.prepend(getCoverImage(position).hide());\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tslideHolderChildren = slideHolder.children();\r\n\t\t\t\t\tsetPosition(position);\r\n\r\n\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-detail-box-182').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-main-image-box-182').css('top', '-320px');\r\n\r\n\t\t\t\t\ttimeoutX = setTimeout(() => {\r\n\r\n\t\t\t\t\t\tjQuery(slideHolderChildren[(direction === FORWARD ? 0 : 1)]).fadeOut(800, () => {\r\n\r\n\t\t\t\t\t\t\tlet position = getPosition();\r\n\r\n\t\t\t\t\t\t\tslideDetailBox.html(\r\n\t\t\t\t\t\t\t\tgetDetail(position)\r\n\t\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\t\tslideDetailBoxHeight = slideDetailBox.innerHeight();\r\n\r\n\t\t\t\t\t\t\tslideDetailBox.css('bottom', ((slideContainerHeight - slideDetailBoxHeight) \/ 2));\r\n\r\n\t\t\t\t\t\t\tif (isString(e.file[position].src.main)) {\r\n\t\t\t\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-main-image-box-182').html(\r\n\t\t\t\t\t\t\t\t\tgetMainImage(position)\r\n\t\t\t\t\t\t\t\t).show().css('top', 50);\r\n\t\t\t\t\t\t\t} else jQuery('.sw-slide-container-182 .sw-main-image-box-182').hide();\r\n\r\n\t\t\t\t\t\t\tjQuery(slideHolderChildren[(direction === FORWARD ? 1 : 0)]).fadeIn(800, () => {\r\n\r\n\t\t\t\t\t\t\t\tjQuery(slideHolderChildren[(direction === FORWARD ? 0 : 1)]).detach();\r\n\r\n\t\t\t\t\t\t\t\tsetMove(true);\r\n\t\t\t\t\t\t\t\tif (e.auto === true) xTimeout = setTimeout(initSlide, e.speed);\r\n\r\n\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tclearTimeout(timeoutX);\r\n\r\n\t\t\t\t\t}, 200);\r\n\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase\"sw-box3D-182\":\r\n\r\n\t\t\t\t\tif (direction === FORWARD) {\r\n\r\n\t\t\t\t\t\tposition = getPosition() === (e.file.length - 1) ? 0 : (getPosition() + 1);\r\n\t\t\t\t\t\tslideHolder.append(getCoverImage(position).hide());\r\n\r\n\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\tposition = getPosition() === 0 ? (e.file.length - 1) : (getPosition() - 1);\r\n\t\t\t\t\t\tslideHolder.prepend(getCoverImage(position).hide());\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tslideHolderChildren = slideHolder.children();\r\n\t\t\t\t\tsetPosition(position);\r\n\r\n\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-detail-box-182').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-main-image-box-182').css('top', '-320px');\r\n\r\n\t\t\t\t\ttimeoutX = setTimeout(() => {\r\n\r\n\t\t\t\t\t\tif (direction === FORWARD) {\r\n\r\n\t\t\t\t\t\t\tjQuery(slideHolderChildren[1]).show().children('img').css('object-fit', 'cover');\r\n\r\n\t\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\t\tjQuery(slideHolderChildren[1]).children('img').css('object-fit', '');\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tconst callback = () => {\r\n\r\n\t\t\t\t\t\t\tlet position = getPosition();\r\n\r\n\t\t\t\t\t\t\tslideDetailBox.html(\r\n\t\t\t\t\t\t\t\tgetDetail(position)\r\n\t\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\t\tslideDetailBoxHeight = slideDetailBox.innerHeight();\r\n\r\n\t\t\t\t\t\t\tslideDetailBox.css('bottom', ((slideContainerHeight - slideDetailBoxHeight) \/ 2));\r\n\r\n\t\t\t\t\t\t\tif (isString(e.file[position].src.main)) {\r\n\t\t\t\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-main-image-box-182').html(\r\n\t\t\t\t\t\t\t\t\tgetMainImage(position)\r\n\t\t\t\t\t\t\t\t).show().css('top', 50);\r\n\t\t\t\t\t\t\t} else jQuery('.sw-slide-container-182 .sw-main-image-box-182').hide();\r\n\r\n\t\t\t\t\t\t\tif (direction === BACKWARD) jQuery(slideHolderChildren[0]).children('img').css('object-fit', 'cover');\r\n\r\n\t\t\t\t\t\t\tjQuery(slideHolderChildren[(direction === FORWARD ? 0 : 1)]).detach();\r\n\r\n\t\t\t\t\t\t\tsetMove(true);\r\n\t\t\t\t\t\t\tif (e.auto === true) xTimeout = setTimeout(initSlide, e.speed);\r\n\r\n\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\tif (direction === FORWARD) {\r\n\r\n\t\t\t\t\t\t\tjQuery(slideHolderChildren[0]).slideUp(1000, callback).children('img').css('object-fit', '');\r\n\r\n\t\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\t\tjQuery(slideHolderChildren[0]).slideDown(1000, callback);\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tclearTimeout(timeoutX);\r\n\r\n\t\t\t\t\t}, 200);\r\n\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase\"sw-glide-182\":\r\n\r\n\t\t\t\t\tif (direction === FORWARD) {\r\n\r\n\t\t\t\t\t\tposition = getPosition() === (e.file.length - 1) ? 0 : (getPosition() + 1);\r\n\t\t\t\t\t\tslideHolder.append(getCoverImage(position).css('left', '-' + slideHolderMaxWidth + 'px'));\r\n\r\n\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\tposition = getPosition() === 0 ? (e.file.length - 1) : (getPosition() - 1);\r\n\t\t\t\t\t\tslideHolder.prepend(getCoverImage(position).css('left', slideHolderMaxWidth + 'px'));\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tslideHolderChildren = slideHolder.children();\r\n\t\t\t\t\tsetPosition(position);\r\n\r\n\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-detail-box-182').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-main-image-box-182').css('top', '-320px');\r\n\r\n\t\t\t\t\tif (direction === BACKWARD) {\r\n\t\t\t\t\t\tjQuery(slideHolderChildren[1]).css({\r\n\t\t\t\t\t\t\t\"z-index\": \"5\"\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\ttimeoutX = setTimeout(() => {\r\n\r\n\t\t\t\t\t\tjQuery(slideHolderChildren[(direction === FORWARD ? 1 : 0)]).css({\r\n\t\t\t\t\t\t\t'left': \"0\",\r\n\t\t\t\t\t\t\t\"z-index\": \"10\"\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\ttimeoutXX = setTimeout(() => {\r\n\r\n\t\t\t\t\t\t\tlet position = getPosition();\r\n\r\n\t\t\t\t\t\t\tslideDetailBox.html(\r\n\t\t\t\t\t\t\t\tgetDetail(position)\r\n\t\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\t\tslideDetailBoxHeight = slideDetailBox.innerHeight();\r\n\r\n\t\t\t\t\t\t\tslideDetailBox.css('bottom', ((slideContainerHeight - slideDetailBoxHeight) \/ 2));\r\n\r\n\t\t\t\t\t\t\tif (isString(e.file[position].src.main)) {\r\n\t\t\t\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-main-image-box-182').html(\r\n\t\t\t\t\t\t\t\t\tgetMainImage(position)\r\n\t\t\t\t\t\t\t\t).show().css('top', 50);\r\n\t\t\t\t\t\t\t} else jQuery('.sw-slide-container-182 .sw-main-image-box-182').hide();\r\n\r\n\t\t\t\t\t\t\tjQuery(slideHolderChildren[(direction === FORWARD ? 0 : 1)]).detach();\r\n\r\n\t\t\t\t\t\t\tsetMove(true);\r\n\t\t\t\t\t\t\tif (e.auto === true) xTimeout = setTimeout(initSlide, e.speed);\r\n\t\t\t\t\t\t\tclearTimeout(timeoutX);\r\n\t\t\t\t\t\t\tclearTimeout(timeoutXX);\r\n\r\n\t\t\t\t\t\t}, 600);\r\n\r\n\t\t\t\t\t}, 200);\r\n\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase\"sw-slice-182\":\r\n\r\n\t\t\t\t\tif (direction === FORWARD) {\r\n\r\n\t\t\t\t\t\tposition = getPosition() === (e.file.length - 1) ? 0 : (getPosition() + 1);\r\n\r\n\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\tposition = getPosition() === 0 ? (e.file.length - 1) : (getPosition() - 1);\r\n\t\t\t\t\t\tcolumn = (col - 1);\r\n\t\t\t\t\t\tcolumnX = (col - 1);\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfirstRunner = () => {\r\n\r\n\t\t\t\t\t\tif (timeoutXXX !== null) clearTimeout(timeoutXXX);\r\n\r\n\t\t\t\t\t\tif ((direction === BACKWARD ? columnX >= 0 : columnX <= slideHolderChildrenLength)) {\r\n\r\n\t\t\t\t\t\t\tjQuery(slideHolderChildren[columnX]).css({\r\n\t\t\t\t\t\t\t\twidth: slideHolderMinWidth + 'px',\r\n\t\t\t\t\t\t\t\ttop: (slideHolderMaxHeight + 10) + 'px'\r\n\t\t\t\t\t\t\t}).children('img').css({\r\n\t\t\t\t\t\t\t\twidth: slideHolderMaxWidth + 'px',\r\n\t\t\t\t\t\t\t\t'margin-left': '-' + (slideHolderMinWidth * columnX) + 'px'\r\n\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\tdirection === BACKWARD ? columnX-- : columnX++;\r\n\t\t\t\t\t\t\ttimeoutXXX = setTimeout(firstRunner, 30);\r\n\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tsecondRunner();\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\tfirstRunner();\r\n\r\n\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-detail-box-182').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-main-image-box-182').css('top', '-320px');\r\n\r\n\t\t\t\t\tsecondRunner = () => {\r\n\r\n\t\t\t\t\t\tsetPosition(position);\r\n\r\n\t\t\t\t\t\ttimeoutX = setTimeout(() => {\r\n\r\n\t\t\t\t\t\t\tlet position = getPosition();\r\n\r\n\t\t\t\t\t\t\tthirdRunner = () => {\r\n\r\n\t\t\t\t\t\t\t\tif (timeoutXXX !== null) clearTimeout(timeoutXXX);\r\n\r\n\t\t\t\t\t\t\t\tif ((direction === BACKWARD ? column >= 0 : column <= slideHolderChildrenLength)) {\r\n\r\n\t\t\t\t\t\t\t\t\tjQuery(slideHolderChildren[column]).css({\r\n\t\t\t\t\t\t\t\t\t\twidth: (slideHolderMinWidth + 'px'),\r\n\t\t\t\t\t\t\t\t\t\ttop: 0\r\n\t\t\t\t\t\t\t\t\t}).children('img').css({\r\n\t\t\t\t\t\t\t\t\t\twidth: (slideHolderMaxWidth + 'px'),\r\n\t\t\t\t\t\t\t\t\t\t'margin-left': ('-' + (slideHolderMinWidth * column) + 'px')\r\n\t\t\t\t\t\t\t\t\t}).attr('src', e.file[position].src.cover);\r\n\r\n\t\t\t\t\t\t\t\t\tdirection === BACKWARD ? column-- : column++;\r\n\t\t\t\t\t\t\t\t\ttimeoutXXX = setTimeout(thirdRunner, 30);\r\n\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\tfourthRunner();\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\tthirdRunner();\r\n\r\n\t\t\t\t\t\t\tfourthRunner = () => {\r\n\r\n\t\t\t\t\t\t\t\ttimeoutXX = setTimeout(() => {\r\n\r\n\t\t\t\t\t\t\t\t\tslideDetailBox.html(\r\n\t\t\t\t\t\t\t\t\t\tgetDetail(position)\r\n\t\t\t\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\t\t\t\tslideDetailBoxHeight = slideDetailBox.innerHeight();\r\n\r\n\t\t\t\t\t\t\t\t\tslideDetailBox.css('bottom', ((slideContainerHeight - slideDetailBoxHeight) \/ 2));\r\n\r\n\t\t\t\t\t\t\t\t\tif (isString(e.file[position].src.main)) {\r\n\r\n\t\t\t\t\t\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-main-image-box-182').html(\r\n\t\t\t\t\t\t\t\t\t\t\tgetMainImage(position)\r\n\t\t\t\t\t\t\t\t\t\t).show().css('top', 50);\r\n\t\t\t\t\t\t\t\t\t} else jQuery('.sw-slide-container-182 .sw-main-image-box-182').hide();\r\n\r\n\t\t\t\t\t\t\t\t\tsetMove(true);\r\n\t\t\t\t\t\t\t\t\tif (e.auto === true) xTimeout = setTimeout(initSlide, e.speed);\r\n\t\t\t\t\t\t\t\t\tclearTimeout(timeoutX);\r\n\t\t\t\t\t\t\t\t\tclearTimeout(timeoutXX);\r\n\t\t\t\t\t\t\t\t\tclearTimeout(timeoutXXX);\r\n\r\n\t\t\t\t\t\t\t\t}, 300);\r\n\r\n\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t}, 200);\r\n\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase\"sw-flip-182\":\r\n\r\n\t\t\t\t\tif (direction === FORWARD) {\r\n\r\n\t\t\t\t\t\tposition = getPosition() === (e.file.length - 1) ? 0 : (getPosition() + 1);\r\n\r\n\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\tposition = getPosition() === 0 ? (e.file.length - 1) : (getPosition() - 1);\r\n\t\t\t\t\t\tcolumn = (col - 1);\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-detail-box-182').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-main-image-box-182').css('top', '-320px');\r\n\r\n\t\t\t\t\tsecondRunner = () => {\r\n\r\n\t\t\t\t\t\tsetPosition(position);\r\n\r\n\t\t\t\t\t\ttimeoutX = setTimeout(() => {\r\n\r\n\t\t\t\t\t\t\tlet position = getPosition();\r\n\r\n\t\t\t\t\t\t\tthirdRunner = () => {\r\n\r\n\t\t\t\t\t\t\t\tif (timeoutXXX !== null) clearTimeout(timeoutXXX);\r\n\r\n\t\t\t\t\t\t\t\tif ((direction === BACKWARD ? column >= 0 : column <= slideHolderChildrenLength)) {\r\n\r\n\t\t\t\t\t\t\t\t\tjQuery(slideHolderChildren[column]).addClass('sw-flipper-182').children('img').css({\r\n\t\t\t\t\t\t\t\t\t\twidth: (slideHolderMaxWidth + 'px'),\r\n\t\t\t\t\t\t\t\t\t\t'margin-left': ('-' + (slideHolderMinWidth * column) + 'px')\r\n\t\t\t\t\t\t\t\t\t}).attr('src', e.file[position].src.cover);\r\n\r\n\t\t\t\t\t\t\t\t\tdirection === BACKWARD ? column-- : column++;\r\n\r\n\t\t\t\t\t\t\t\t\ttimeoutXXX = setTimeout(thirdRunner, (\r\n\t\t\t\t\t\t\t\t\t\tdirection === BACKWARD ?\r\n\t\t\t\t\t\t\t\t\t\t\t(column >= 1 ? 40 : 200) :\r\n\t\t\t\t\t\t\t\t\t\t\t(column <= (slideHolderChildrenLength - 1) ? 40 : 200)\r\n\t\t\t\t\t\t\t\t\t));\r\n\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\tslideHolderChildren.removeClass('sw-flipper-182');\r\n\t\t\t\t\t\t\t\t\tfourthRunner();\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\tthirdRunner();\r\n\r\n\t\t\t\t\t\t\tfourthRunner = () => {\r\n\r\n\t\t\t\t\t\t\t\ttimeoutXX = setTimeout(() => {\r\n\r\n\t\t\t\t\t\t\t\t\tslideDetailBox.html(\r\n\t\t\t\t\t\t\t\t\t\tgetDetail(position)\r\n\t\t\t\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\t\t\t\tslideDetailBoxHeight = slideDetailBox.innerHeight();\r\n\r\n\t\t\t\t\t\t\t\t\tslideDetailBox.css('bottom', ((slideContainerHeight - slideDetailBoxHeight) \/ 2));\r\n\r\n\t\t\t\t\t\t\t\t\tif (isString(e.file[position].src.main)) {\r\n\t\t\t\t\t\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-main-image-box-182').html(\r\n\t\t\t\t\t\t\t\t\t\t\tgetMainImage(position)\r\n\t\t\t\t\t\t\t\t\t\t).show().css('top', 50);\r\n\t\t\t\t\t\t\t\t\t} else jQuery('.sw-slide-container-182 .sw-main-image-box-182').hide();\r\n\r\n\t\t\t\t\t\t\t\t\tclearTimeout(timeoutX);\r\n\t\t\t\t\t\t\t\t\tclearTimeout(timeoutXX);\r\n\t\t\t\t\t\t\t\t\tclearTimeout(timeoutXXX);\r\n\r\n\t\t\t\t\t\t\t\t\tsetMove(true);\r\n\t\t\t\t\t\t\t\t\tif (e.auto === true) xTimeout = setTimeout(initSlide, e.speed);\r\n\r\n\t\t\t\t\t\t\t\t}, 300);\r\n\r\n\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t}, 300);\r\n\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\tsecondRunner();\r\n\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase 'sw-pixel-182':\r\n\r\n\t\t\t\t\tif (direction === FORWARD) {\r\n\r\n\t\t\t\t\t\tposition = getPosition() === (e.file.length - 1) ? 0 : (getPosition() + 1);\r\n\r\n\t\t\t\t\t} else {\r\n\r\n\t\t\t\t\t\tposition = getPosition() === 0 ? (e.file.length - 1) : (getPosition() - 1);\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-detail-box-182').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-main-image-box-182').css('top', '-320px');\r\n\r\n\t\t\t\t\tsetPosition(position);\r\n\r\n\t\t\t\t\ttimeoutX = setTimeout(() => {\r\n\r\n\t\t\t\t\t\tlet position = getPosition();\r\n\r\n\t\t\t\t\t\tpixelArray = arrayShuffle(pixelArray);\r\n\t\t\t\t\t\tslideHolderChildrenLength = pixelArray.length;\r\n\r\n\t\t\t\t\t\tlet slideImageHeight = jQuery(slideHolderChildren[0]).children('img').innerHeight();\r\n\r\n\t\t\t\t\t\tfirstRunner = () => {\r\n\r\n\t\t\t\t\t\t\tif (column < slideHolderChildrenLength) {\r\n\r\n\t\t\t\t\t\t\t\tlet pixel = pixelArray[column], pixelIndex = pixel['index'],\r\n\t\t\t\t\t\t\t\t\tpixelPosition = pixel['position'], pixelBatch = pixel['batch'],\r\n\t\t\t\t\t\t\t\t\tpixelWidth = 0, pixelMarginLeft = 0, pixelMarginTop = 0;\r\n\r\n\t\t\t\t\t\t\t\tif (slideImageHeight < slideHolderMaxHeight) {\r\n\r\n\t\t\t\t\t\t\t\t\tslideImageHeight = (slideImageHeight + (slideHolderMaxHeight - slideImageHeight));\r\n\t\t\t\t\t\t\t\t\tpixelWidth = (slideHolderMaxHeight - slideImageHeight);\r\n\t\t\t\t\t\t\t\t\tpixelMarginLeft = (pixelWidth \/ 2);\r\n\r\n\t\t\t\t\t\t\t\t} else if (slideImageHeight > slideHolderMaxHeight) {\r\n\r\n\t\t\t\t\t\t\t\t\tpixelMarginTop = ((slideImageHeight - slideHolderMaxHeight) \/ 2);\r\n\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tjQuery(slideHolderChildren[pixelIndex]).addClass((pixelType === 0 ? 'sw-pixel-scale-182' : 'sw-pixel-rotate-182')).css({\r\n\t\t\t\t\t\t\t\t\t'width': (slideHolderMinWidth + 'px'),\r\n\t\t\t\t\t\t\t\t\t'height': (slideHolderMinHeight + 'px')\r\n\t\t\t\t\t\t\t\t}).children('img').css({\r\n\t\t\t\t\t\t\t\t\t'width': ((slideHolderMaxWidth + pixelWidth) + 'px'),\r\n\t\t\t\t\t\t\t\t\t'height': (slideImageHeight + 'px'),\r\n\t\t\t\t\t\t\t\t\t'margin-left': ('-' + ((slideHolderMinWidth * pixelPosition) + pixelMarginLeft) + 'px'),\r\n\t\t\t\t\t\t\t\t\t'margin-top': ('-' + (pixelBatch > 0 ? ((slideHolderMinHeight * pixelBatch) + pixelMarginTop) : pixelMarginTop) + 'px')\r\n\t\t\t\t\t\t\t\t}).attr('src', e.file[position].src.cover);\r\n\r\n\t\t\t\t\t\t\t\ttimeoutXXX = setTimeout(firstRunner, (column < (slideHolderChildrenLength - 1) ? 10 : 200));\r\n\t\t\t\t\t\t\t\tcolumn++;\r\n\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tslideHolderChildren.removeClass((pixelType === 0 ? 'sw-pixel-scale-182' : 'sw-pixel-rotate-182'));\r\n\t\t\t\t\t\t\t\tsecondRunner();\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\tfirstRunner();\r\n\r\n\t\t\t\t\t\tsecondRunner = () => {\r\n\r\n\t\t\t\t\t\t\ttimeoutXX = setTimeout(() => {\r\n\r\n\t\t\t\t\t\t\t\tslideDetailBox.html(\r\n\t\t\t\t\t\t\t\t\tgetDetail(position)\r\n\t\t\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\t\t\tslideDetailBoxHeight = slideDetailBox.innerHeight();\r\n\r\n\t\t\t\t\t\t\t\tslideDetailBox.css('bottom', ((slideContainerHeight - slideDetailBoxHeight) \/ 2));\r\n\r\n\t\t\t\t\t\t\t\tif (isString(e.file[position].src.main)) {\r\n\t\t\t\t\t\t\t\t\tjQuery('.sw-slide-container-182 .sw-main-image-box-182').html(\r\n\t\t\t\t\t\t\t\t\t\tgetMainImage(position)\r\n\t\t\t\t\t\t\t\t\t).show().css('top', 50);\r\n\t\t\t\t\t\t\t\t} else jQuery('.sw-slide-container-182 .sw-main-image-box-182').hide();\r\n\r\n\t\t\t\t\t\t\t\tpixelType = (pixelType === 0 ? 1 : 0);\r\n\r\n\t\t\t\t\t\t\t\tsetMove(true);\r\n\t\t\t\t\t\t\t\tif (e.auto === true) xTimeout = setTimeout(initSlide, e.speed);\r\n\r\n\t\t\t\t\t\t\t\tclearTimeout(timeoutX);\r\n\t\t\t\t\t\t\t\tclearTimeout(timeoutXX);\r\n\t\t\t\t\t\t\t\tclearTimeout(timeoutXXX);\r\n\r\n\t\t\t\t\t\t\t}, 300);\r\n\r\n\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t}, 200);\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tlet slideContainerObject = jQuery('<div>').attr('class', 'sw-slide-container-182'),\r\n\t\t\tslideHolderObject = jQuery('<div>').attr(\"class\", \"sw-slide-holder-182\"),\r\n\t\t\tmainImageBoxObject = jQuery('<div>').attr('class', 'sw-main-image-box-182'),\r\n\t\t\tslideDetailBoxObject = jQuery('<div>').attr('class', 'sw-detail-box-182'), i = 0;\r\n\r\n\t\tif (e.animation === 'sw-slice-182' || e.animation === 'sw-flip-182') {\r\n\r\n\t\t\tfor (; i < col; i++) slideHolderObject.append(getCoverImage(0));\r\n\r\n\t\t} else if (e.animation === 'sw-pixel-182') {\r\n\r\n\t\t\tfor (let r = (col * row); i < r; i++) slideHolderObject.append(getCoverImage(0));\r\n\r\n\t\t} else {\r\n\r\n\t\t\tslideHolderObject.append(getCoverImage(0).css({\r\n\t\t\t\t'z-index': 10,\r\n\t\t\t\t'bottom': '0'\r\n\t\t\t}).children('img').css('object-fit', 'cover').parent());\r\n\r\n\t\t}\r\n\r\n\t\tif (isString(e.file[0].src.main)) mainImageBoxObject.append(getMainImage(0));\r\n\r\n\t\tslideDetailBoxObject.append(getDetail(0));\r\n\r\n\t\tjQuery(element).append(slideContainerObject.append(slideHolderObject)\r\n\t\t\t.append(mainImageBoxObject).append(slideDetailBoxObject).append(\r\n\t\t\t\tjQuery('<button>').attr({\r\n\t\t\t\t\tclass: \"sw-half-circle-prev-182\",\r\n\t\t\t\t\ttitle: \"Previous\"\r\n\t\t\t\t}).html(\r\n\t\t\t\t\tjQuery('<span>').html(\"&#10094;\")\r\n\t\t\t\t).click(() => {\r\n\r\n\t\t\t\t\tif (getMove() === true) slide(BACKWARD);\r\n\r\n\t\t\t\t})\r\n\t\t\t).append(\r\n\t\t\t\tjQuery('<button>').attr({\r\n\t\t\t\t\tclass: \"sw-half-circle-next-182\",\r\n\t\t\t\t\ttitle: \"Next\"\r\n\t\t\t\t}).html(\r\n\t\t\t\t\tjQuery('<span>').html(\"&#10095;\")\r\n\t\t\t\t).click(() => {\r\n\r\n\t\t\t\t\tif (getMove() === true) slide(FORWARD);\r\n\r\n\t\t\t\t})\r\n\t\t\t));\r\n\r\n\t\tlet slideDelay = setTimeout(() => {\r\n\r\n\t\t\tlet slideHolderMaxWidth = jQuery('.sw-slide-holder-182').width(), slideHolderMaxHeight = jQuery('.sw-slide-holder').height(),\r\n\t\t\t\tslideHolderMinWidth = (slideHolderMaxWidth \/ col), slideHolderMinHeight = (slideHolderMaxHeight \/ row),\r\n\t\t\t\tslideHolderChildren = jQuery('.sw-slide-holder-182').children('div'),\r\n\t\t\t\tslideHolderChildrenLength = slideHolderChildren.length,\r\n\t\t\t\tslideImageHeight = jQuery(slideHolderChildren[0]).children('img').innerHeight(), i = 0, x = col, p = 0,\r\n\t\t\t\tb = 0;\r\n\r\n\t\t\tconst init = () => {\r\n\r\n\t\t\t\tlet detail_box = jQuery('.sw-slide-container-182 .sw-detail-box-182'),\r\n\t\t\t\t\tslide_container = jQuery('.sw-slide-container-182'),\r\n\t\t\t\t\tcontainer_height = slide_container.innerHeight(),\r\n\t\t\t\t\tdetail_height = detail_box.innerHeight();\r\n\r\n\t\t\t\tdetail_box.css('bottom', ((container_height - detail_height) \/ 2));\r\n\t\t\t\tif (isString(e.file[0].src.main)) mainImageBoxObject.show().css('top', 50);\r\n\t\t\t\telse mainImageBoxObject.hide();\r\n\r\n\t\t\t\tif (e.auto === true) {\r\n\r\n\t\t\t\t\txxTimeout = setTimeout(() => {\r\n\t\t\t\t\t\tinitSlide();\r\n\t\t\t\t\t\tclearTimeout(xxTimeout);\r\n\t\t\t\t\t}, e.speed);\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t\tclearTimeout(slideDelay);\r\n\t\t\t};\r\n\r\n\t\t\tif (e.animation === 'sw-slice-182') {\r\n\r\n\t\t\t\tfor (; i < slideHolderChildrenLength; i++) {\r\n\r\n\t\t\t\t\tjQuery(slideHolderChildren[i]).css({width: slideHolderMinWidth + 'px', top: 0}).children('img').css({\r\n\t\t\t\t\t\twidth: slideHolderMaxWidth + 'px',\r\n\t\t\t\t\t\t'margin-left': '-' + (slideHolderMinWidth * i) + 'px'\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (i >= (slideHolderChildrenLength - 1)) init();\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t} else if (e.animation === 'sw-flip-182') {\r\n\r\n\t\t\t\tfor (; i < slideHolderChildrenLength; i++) {\r\n\r\n\t\t\t\t\tjQuery(slideHolderChildren[i]).css('width', (slideHolderMinWidth + 'px')).children('img').css({\r\n\t\t\t\t\t\twidth: slideHolderMaxWidth + 'px',\r\n\t\t\t\t\t\t'margin-left': '-' + (slideHolderMinWidth * i) + 'px'\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (i >= (slideHolderChildrenLength - 1)) init();\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t} else if (e.animation === 'sw-pixel-182') {\r\n\r\n\t\t\t\tfor (; i < slideHolderChildrenLength; i++) {\r\n\r\n\t\t\t\t\tif (i >= x) {\r\n\t\t\t\t\t\tx = x + col;\r\n\t\t\t\t\t\tp = 0;\r\n\t\t\t\t\t\tb++;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tlet pixelMap = [], pixelWidth = 0, pixelMarginLeft = 0, pixelMarginTop = 0;\r\n\r\n\t\t\t\t\tpixelMap['index'] = i;\r\n\t\t\t\t\tpixelMap['position'] = p;\r\n\t\t\t\t\tpixelMap['batch'] = b;\r\n\r\n\t\t\t\t\tif (slideImageHeight < slideHolderMaxHeight) {\r\n\r\n\t\t\t\t\t\tslideImageHeight = (slideImageHeight + (slideHolderMaxHeight - slideImageHeight));\r\n\t\t\t\t\t\tpixelWidth = (slideHolderMaxHeight - slideImageHeight);\r\n\t\t\t\t\t\tpixelMarginLeft = (pixelWidth \/ 2);\r\n\r\n\t\t\t\t\t} else if (slideImageHeight > slideHolderMaxHeight) {\r\n\r\n\t\t\t\t\t\tpixelMarginTop = ((slideImageHeight - slideHolderMaxHeight) \/ 2);\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tjQuery(slideHolderChildren[i]).css({\r\n\t\t\t\t\t\t'width': (slideHolderMinWidth + 'px'),\r\n\t\t\t\t\t\t'height': (slideHolderMinHeight + 'px')\r\n\t\t\t\t\t}).children('img').css({\r\n\t\t\t\t\t\t'width': ((slideHolderMaxWidth + pixelWidth) + 'px'),\r\n\t\t\t\t\t\t'height': (slideImageHeight + 'px'),\r\n\t\t\t\t\t\t'margin-left': ('-' + ((slideHolderMinWidth * p++) + pixelMarginLeft) + 'px'),\r\n\t\t\t\t\t\t'margin-top': ('-' + (b > 0 ? ((slideHolderMinHeight * b) + pixelMarginTop) : pixelMarginTop) + 'px')\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tpixelArray.push(pixelMap);\r\n\r\n\t\t\t\t\tif (i >= (slideHolderChildrenLength - 1)) init();\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t} else {\r\n\t\t\t\tinit();\r\n\t\t\t}\r\n\r\n\t\t}, 300);\r\n\r\n\t};\r\n\r\n\ttry {\r\n\r\n\t\tslideWiz182(this, e);\r\n\r\n\t} catch (e) {\r\n\r\n\t\tconsole.error(\"slideWiz182: \" + e);\r\n\r\n\t}\r\n\r\n};\r\n<\/script>\r\n<script>\r\n\/\/animation list: flip, slice, box3D, pixel, fade, glide, card.\r\n\r\njQuery(document).ready(function () {\r\n\r\n\tjQuery('.sw-slideWiz-182').slideWiz182({\r\n\t\tauto: true,\r\n\t\tspeed: 5000,\r\n\t\trow: 10,\r\n\t\tcol: 20,\r\n\t\tanimation: ['sw-slice-182'],\r\n\t\tfile: [\r\n\t\t\t\t\t\t{\r\n\t\t\t\tsrc: {\r\n\t\t\t\t\t\/\/ main: \"image\/main.png\",\r\n\t\t\t\t\tcover: \"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/unrecognizable-male-plumber-standing-near-kitchen-sink-showing-thumb-up.jpg\"\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: 'Best plumbing Service',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"We provide best and priority  Plumbing solutions\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/descLength: 250, \/\/ default limit is set to 250 words.(Please contact support if you need more.)\r\n\t\t\t\t\t\t\t\t\t\tbutton: {\r\n\t\t\t\t\ttext: 'Call Now',\r\n\t\t\t\t\turl: '#',\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/class: 'btn btn-medium btn-primary'\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\tsrc: {\r\n\t\t\t\t\t\/\/ main: \"image\/main.png\",\r\n\t\t\t\t\tcover: \"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/asian-plumber-blue-overalls-clearing-blockage-drain.jpg\"\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: 'Drainage Repairs and Cleaning',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"All types of Drainage Repairs and Cleaning services\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/descLength: 250, \/\/ default limit is set to 250 words.(Please contact support if you need more.)\r\n\t\t\t\t\t\t\t\t\t\tbutton: {\r\n\t\t\t\t\ttext: 'Call Now',\r\n\t\t\t\t\turl: '#',\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/class: 'btn btn-medium btn-primary'\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\tsrc: {\r\n\t\t\t\t\t\/\/ main: \"image\/main.png\",\r\n\t\t\t\t\tcover: \"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/top-view-plumber-checking-kitchen-fixtures.jpg\"\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: 'Gas Boiler and Radiator Repairs',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"All types of Gas Boiler and Radiator Repairs\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/descLength: 250, \/\/ default limit is set to 250 words.(Please contact support if you need more.)\r\n\t\t\t\t\t\t\t\t\t\tbutton: {\r\n\t\t\t\t\ttext: 'Call Now',\r\n\t\t\t\t\turl: '#',\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/class: 'btn btn-medium btn-primary'\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\tsrc: {\r\n\t\t\t\t\t\/\/ main: \"image\/main.png\",\r\n\t\t\t\t\tcover: \"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/senior-asian-female-homeowner-talking-maintenance-worker-kitchen.jpg\"\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: 'Customer Satisfaction',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"We ensure Customer Satisfaction on feedback basis\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/descLength: 250, \/\/ default limit is set to 250 words.(Please contact support if you need more.)\r\n\t\t\t\t\t\t\t\t\t\tbutton: {\r\n\t\t\t\t\ttext: 'Call Now',\r\n\t\t\t\t\turl: '#',\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/class: 'btn btn-medium btn-primary'\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\tsrc: {\r\n\t\t\t\t\t\/\/ main: \"image\/main.png\",\r\n\t\t\t\t\tcover: \"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/plumbing-repair-service.jpg\"\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: 'Call Now',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"For any type of plumbing related requirements we are just one call away\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/descLength: 250, \/\/ default limit is set to 250 words.(Please contact support if you need more.)\r\n\t\t\t\t\t\t\t\t\t\tbutton: {\r\n\t\t\t\t\ttext: 'Call Now',\r\n\t\t\t\t\turl: '#',\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/class: 'btn btn-medium btn-primary'\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t]\r\n\r\n\t}); \/\/ end Slidewiz initiater\r\n}); \/\/end document ready\r\n<\/script>\r\n\r\n<div class=\"sw-slideWiz-182\"><\/div>\r\n\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=&#8221;.vc_custom_1631088097168{padding-top: 10px !important;padding-right: 20px !important;padding-bottom: 20px !important;padding-left: 20px !important;background-color: #f2f2f2 !important;}&#8221;]<\/p>\n<p style=\"text-align: center;\"><span style=\"color: #000000;\"><strong>Setting Used In This Slider<\/strong><\/span><\/p>\n<p><span style=\"color: #000000;\">Auto Play\u2013 ON, Autoplay Speed\u2013 7000ms, No. of Rows in Grid Animations- 12 Rows, No. of Columns in Grid Animations- 20 Columns, Slides Background Color- #ffffff Animation FX Effect\u2013 FADE OUT\u00a0 &amp;\u00a0 Custom CSS<\/span><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=&#8221;.vc_custom_1631088097168{padding-top: 10px !important;padding-right: 20px !important;padding-bottom: 20px !important;padding-left: 20px !important;background-color: #f2f2f2 !important;}&#8221;] Setting Used In This Slider Auto Play\u2013 ON, Autoplay Speed\u2013 7000ms, No. of Rows in Grid Animations- 12 Rows, No. of Columns in Grid Animations- 20 Columns, Slides Background Color- #ffffff Animation FX Effect\u2013 FADE OUT\u00a0 &amp;\u00a0 Custom CSS [\/vc_column_text][\/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-4897","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/4897","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=4897"}],"version-history":[{"count":10,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/4897\/revisions"}],"predecessor-version":[{"id":5093,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/4897\/revisions\/5093"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/media?parent=4897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}