{"id":3175,"date":"2021-05-17T08:19:47","date_gmt":"2021-05-17T08:19:47","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/?page_id=3175"},"modified":"2021-06-22T11:51:20","modified_gmt":"2021-06-22T11:51:20","slug":"layout-14","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/layout-14\/","title":{"rendered":"Layout 14"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text]<\/p>\r\n<h3 class=\"has-text-align-center wp-block-heading\"><strong>A Basic Example <\/strong><\/h3>\r\n<p><br \/><\/p>\r\n<div class=\"wp-block-spacer\" style=\"height: 31px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n<p>\r\n\r\n<style>\r\n.sw-slide-container-105 {\r\n\tbackground-color: #131111!important;\r\n}\r\n\r\n.sw-slideWiz-105 {\r\n\twidth:100%;\r\n\theight:600px;\r\n}\r\n\r\n@media only screen and (min-width: 768px) and (max-width: 800px) {\r\n\t.sw-slideWiz-105 {\r\n\t\tmax-width: 100% !important;\r\n\t\theight: 500px !important;\r\n\t}\r\n\t.sw-slideWiz-105 img{\r\n\t\tobject-fit: fill !important;\r\n\t\theight: 500px !important;\r\n\t}\r\n\t.sw-detail-title-105 {\r\n\t\tfont-size: 23px !important;\r\n\t}\r\n\t.sw-detail-desc-105 {\r\n\t\tfont-size: 13px !important;\r\n\t}\r\n\t.sw-detail-button-105, .sw-detail-button-2-105 {\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-105 {\r\n\t\tmax-width: 100% !important;\r\n\t\theight: 400px !important;\r\n\t}\r\n\t.sw-slideWiz-105 img{\r\n\t\tobject-fit: fill !important;\r\n\t\teight: 400px !important;\r\n\t}\r\n\t.sw-detail-title-105 {\r\n\t\tfont-size: 17px !important;\r\n\t}\r\n\t.sw-detail-desc-105 {\r\n\t\tfont-size: 10px !important;\r\n\t}\r\n\t.sw-detail-button-105, .sw-detail-button-2-105 {\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-105 {\r\n\t\tmax-width: 100% !important;\r\n\t\theight: 290px !important;\r\n\t}\r\n\t.sw-slideWiz-105 img{\r\n\t\tobject-fit: fill !important;\r\n\t\theight: 290px !important;\r\n\t}\r\n\t.sw-detail-title-105 {\r\n\t\tfont-size: 10px !important;\r\n\t\tpadding: 0 !important;\r\n\t}\r\n\t.sw-detail-desc-105 {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.sw-detail-box-105 {\r\n\t\tpadding: 7px !important;\r\n\t}\r\n\t.sw-detail-button-105, .sw-detail-button-2-105 {\r\n\t\tfont-size: 10px !important;\r\n\t}\r\n\t.sw-detail-button-105, .sw-detail-button-2-105 {\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-105 {\r\n\t\tmax-width: 100% !important;\r\n\t\theight: 180px !important;\r\n\t}\r\n\t.sw-slideWiz-105 img{\r\n\t\tobject-fit: fill !important;\r\n\t\theight: 180px !important;\r\n\t}\r\n\t.sw-detail-title-105 {\r\n\t\tfont-size: 8px !important;\r\n\t\tpadding: 0 !important;\r\n\t}\r\n\t.sw-detail-desc-105 {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.sw-detail-box-105 {\r\n\t\tpadding: 7px !important;\r\n\t}\t\r\n\t.sw-detail-button-105, .sw-detail-button-2-105 {\r\n\t\tfont-size: 8px !important;\r\n\t}\r\n\t\t.sw-detail-button-105, .sw-detail-button-2-105 {\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-105 {\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-105 {\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-105, .sw-half-circle-prev-105 {\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-105 {\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-105 {\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-105 span {\r\n\tmargin-right: -23px\r\n}\r\n\r\n.sw-half-circle-next-105 span {\r\n\tmargin-left: -23px\r\n}\r\n\r\n.sw-fade-105 {\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-105 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-105 {\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-105 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-105 {\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-105 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-105 {\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-105 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-105 {\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-105 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-105 {\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-105 {\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-105 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-105 {\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-105 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-105 {\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-105 {\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-105 {\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-105 img {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tobject-fit: fill;\r\n}\r\n\r\n.sw-detail-box-105 {\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-105 {\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-105 {\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-105 {\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-105:hover {\r\n\tbackground-color: #008b5f;\r\n}\r\n.sw-detail-button-2-105 {\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-105:hover {\r\n\tbackground-color: #008b5f;\r\n}\r\n\r\n\r\n<\/style>\r\n<script>\r\n\r\njQuery.fn.slideWiz105 = function (e) {\r\n\r\n\tconst slideWiz105 = (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-105',\r\n\t\t\t'sw-slice-105',\r\n\t\t\t'sw-card-105',\r\n\t\t\t'sw-fade-105',\r\n\t\t\t'sw-box3D-105',\r\n\t\t\t'sw-glide-105',\r\n\t\t\t'sw-pixel-105'\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-105\").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-105\").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-105 \" + (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-105 \" + (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-105 \" + (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-105 \" + (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-105 .sw-slide-holder-105'),\r\n\t\t\t\tslideContainer = jQuery('.sw-slide-container-105'),\r\n\t\t\t\tslideDetailBox = jQuery('.sw-slide-container-105 .sw-detail-box-105'),\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-105\":\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-105 .sw-detail-box-105').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-105 .sw-main-image-box-105').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-105 .sw-main-image-box-105').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-105 .sw-main-image-box-105').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-105\":\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-105 .sw-detail-box-105').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-105 .sw-main-image-box-105').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-105 .sw-main-image-box-105').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-105 .sw-main-image-box-105').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-105\":\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-105 .sw-detail-box-105').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-105 .sw-main-image-box-105').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-105 .sw-main-image-box-105').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-105 .sw-main-image-box-105').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-105\":\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-105 .sw-detail-box-105').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-105 .sw-main-image-box-105').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-105 .sw-main-image-box-105').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-105 .sw-main-image-box-105').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-105\":\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-105 .sw-detail-box-105').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-105 .sw-main-image-box-105').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-105 .sw-main-image-box-105').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-105 .sw-main-image-box-105').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-105\":\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-105 .sw-detail-box-105').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-105 .sw-main-image-box-105').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-105').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-105');\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-105 .sw-main-image-box-105').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-105 .sw-main-image-box-105').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-105':\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-105 .sw-detail-box-105').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-105 .sw-main-image-box-105').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-105' : 'sw-pixel-rotate-105')).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-105' : 'sw-pixel-rotate-105'));\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-105 .sw-main-image-box-105').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-105 .sw-main-image-box-105').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-105'),\r\n\t\t\tslideHolderObject = jQuery('<div>').attr(\"class\", \"sw-slide-holder-105\"),\r\n\t\t\tmainImageBoxObject = jQuery('<div>').attr('class', 'sw-main-image-box-105'),\r\n\t\t\tslideDetailBoxObject = jQuery('<div>').attr('class', 'sw-detail-box-105'), i = 0;\r\n\r\n\t\tif (e.animation === 'sw-slice-105' || e.animation === 'sw-flip-105') {\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-105') {\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-105\",\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-105\",\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-105').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-105').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-105 .sw-detail-box-105'),\r\n\t\t\t\t\tslide_container = jQuery('.sw-slide-container-105'),\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-105') {\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-105') {\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-105') {\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\tslideWiz105(this, e);\r\n\r\n\t} catch (e) {\r\n\r\n\t\tconsole.error(\"slideWiz105: \" + 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-105').slideWiz105({\r\n\t\tauto: true,\r\n\t\tspeed: 8000,\r\n\t\trow: 15,\r\n\t\tcol: 15,\r\n\t\tanimation: ['sw-pixel-105'],\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\/05\/Beach-1.jpg\"\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: 'Shore Looking at Horizon',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"The horizon is the apparent line that separates earth from sky, the line that divides all viewing directions based on whether it intersects the Earth\\'s surface or not. The true horizon is actually a theoretical line, which can only be observed when it lies on the sea surface. \",\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: 'Read More',\r\n\t\t\t\t\turl: 'https:\/\/en.wikipedia.org\/wiki\/Horizon',\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\tbutton2: {\r\n\t\t\t\t\turl2: 'https:\/\/en.wikipedia.org\/wiki\/Horizon',\r\n\t\t\t\t\ttext2: 'More Images',\r\n\t\t\t\t\t\/\/class: 'btn btn-medium btn-primary'\r\n\t\t\t\t},\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\/05\/Riding-Parachute-Above-Ocean-Custom.jpg\"\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: 'Parachute Riding',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"The Parachute Jump is a defunct amusement ride and a landmark in the New York City borough of Brooklyn, along the Riegelmann Boardwalk at Coney Island. Situated in Steeplechase Plaza near the B&amp;B Carousell, the structure consists of a 250-foot-tall, 170-short-ton open-frame, steel parachute tower. \",\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: 'Read More',\r\n\t\t\t\t\turl: 'https:\/\/gomazatlan.com\/do\/parachute-riding\/',\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\tbutton2: {\r\n\t\t\t\t\turl2: 'https:\/\/gomazatlan.com\/do\/parachute-riding\/',\r\n\t\t\t\t\ttext2: 'More Images',\r\n\t\t\t\t\t\/\/class: 'btn btn-medium btn-primary'\r\n\t\t\t\t},\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\/05\/Man-Climbing-on-Rock-Mountain-Custom.jpeg\"\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: 'Mountain Climbing',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"Mountain climbing is viewed by some as an extreme sport, while for others it is simply an exhilarating pastime that offers the ultimate challenge of strength, endurance, and sacrifice\",\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: 'Read More',\r\n\t\t\t\t\turl: 'https:\/\/www.wikihow.com\/Climb-a-Mountain',\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\tbutton2: {\r\n\t\t\t\t\turl2: 'https:\/\/www.wikihow.com\/Climb-a-Mountain',\r\n\t\t\t\t\ttext2: 'More Images',\r\n\t\t\t\t\t\/\/class: 'btn btn-medium btn-primary'\r\n\t\t\t\t},\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\/05\/Boat-Rowing-in-Sea-during-Golden-Hourjpeg-Custom.jpeg\"\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: 'Boat Rowing in Sea',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"Coastal and offshore rowing is a type of rowing performed at sea. Due to the harsher conditions encountered, the boats are wider and more robust than those used on rivers and lakes. In North America, this sport is often called open water rowing. Rowing Ireland is the only National Governing Body for all types of rowing in Ireland\",\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\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\/05\/Anchored-Hot-Air-Balloons-Custom.jpeg\"\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: 'Anchored Hot Air Balloons',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"A balloon tether is an actual hot air balloon flight. The balloon is anchored to the ground with three very strong ropes long enough that the balloon is allowed to ascend to about tree top height (50-80 feet) where it hovers briefly with its passengers then slowly descends. Those passengers get out as new passengers get in and the balloon ascends with them.\",\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: 'Read More',\r\n\t\t\t\t\turl: 'http:\/\/rideballoon.com\/tethering\/',\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\tbutton2: {\r\n\t\t\t\t\turl2: 'http:\/\/rideballoon.com\/tethering\/',\r\n\t\t\t\t\ttext2: 'More Images',\r\n\t\t\t\t\t\/\/class: 'btn btn-medium btn-primary'\r\n\t\t\t\t},\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\/05\/Woman-In-Red-Swimsuit-Walking-On-Body-Of-Water-Custom.jpeg\"\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: 'Walking On Water',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"wish had their body to be as sexy as they are. See more ideas about hottest babes, bikini girls, sexy bikini.\",\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: 'Read More',\r\n\t\t\t\t\turl: 'https:\/\/videohive.net\/item\/back-view-of-sexy-young-woman-in-red-swimwear-walking-on-beach-with-white-sand\/31927909',\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\tbutton2: {\r\n\t\t\t\t\turl2: 'https:\/\/videohive.net\/item\/back-view-of-sexy-young-woman-in-red-swimwear-walking-on-beach-with-white-sand\/31927909',\r\n\t\t\t\t\ttext2: 'More Images',\r\n\t\t\t\t\t\/\/class: 'btn btn-medium btn-primary'\r\n\t\t\t\t},\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-105\"><\/div>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 100px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\r\n<h3 style=\"text-align: center;\"><strong>Example Two<\/strong><\/h3>\r\n<p style=\"text-align: center;\"><strong>With Custom CSS and Different Settings<\/strong><\/p>\r\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_column_text]<\/p>\r\n<p style=\"text-align: center;\"><style>\r\n.sw-slide-container-121 {\r\n\tbackground-color: #e3e3e3!important;\r\n}\r\n\r\n.sw-slideWiz-121 {\r\n\twidth:100%;\r\n\theight:450px;\r\n}\r\n\r\n@media only screen and (min-width: 768px) and (max-width: 800px) {\r\n\t.sw-slideWiz-121 {\r\n\t\tmax-width: 100% !important;\r\n\t\theight: 500px !important;\r\n\t}\r\n\t.sw-slideWiz-121 img{\r\n\t\tobject-fit: fill !important;\r\n\t\theight: 500px !important;\r\n\t}\r\n\t.sw-detail-title-121 {\r\n\t\tfont-size: 23px !important;\r\n\t}\r\n\t.sw-detail-desc-121 {\r\n\t\tfont-size: 13px !important;\r\n\t}\r\n\t.sw-detail-button-121, .sw-detail-button-2-121 {\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-121 {\r\n\t\tmax-width: 100% !important;\r\n\t\theight: 400px !important;\r\n\t}\r\n\t.sw-slideWiz-121 img{\r\n\t\tobject-fit: fill !important;\r\n\t\teight: 400px !important;\r\n\t}\r\n\t.sw-detail-title-121 {\r\n\t\tfont-size: 17px !important;\r\n\t}\r\n\t.sw-detail-desc-121 {\r\n\t\tfont-size: 10px !important;\r\n\t}\r\n\t.sw-detail-button-121, .sw-detail-button-2-121 {\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-121 {\r\n\t\tmax-width: 100% !important;\r\n\t\theight: 290px !important;\r\n\t}\r\n\t.sw-slideWiz-121 img{\r\n\t\tobject-fit: fill !important;\r\n\t\theight: 290px !important;\r\n\t}\r\n\t.sw-detail-title-121 {\r\n\t\tfont-size: 10px !important;\r\n\t\tpadding: 0 !important;\r\n\t}\r\n\t.sw-detail-desc-121 {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.sw-detail-box-121 {\r\n\t\tpadding: 7px !important;\r\n\t}\r\n\t.sw-detail-button-121, .sw-detail-button-2-121 {\r\n\t\tfont-size: 10px !important;\r\n\t}\r\n\t.sw-detail-button-121, .sw-detail-button-2-121 {\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-121 {\r\n\t\tmax-width: 100% !important;\r\n\t\theight: 180px !important;\r\n\t}\r\n\t.sw-slideWiz-121 img{\r\n\t\tobject-fit: fill !important;\r\n\t\theight: 180px !important;\r\n\t}\r\n\t.sw-detail-title-121 {\r\n\t\tfont-size: 8px !important;\r\n\t\tpadding: 0 !important;\r\n\t}\r\n\t.sw-detail-desc-121 {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.sw-detail-box-121 {\r\n\t\tpadding: 7px !important;\r\n\t}\t\r\n\t.sw-detail-button-121, .sw-detail-button-2-121 {\r\n\t\tfont-size: 8px !important;\r\n\t}\r\n\t\t.sw-detail-button-121, .sw-detail-button-2-121 {\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-121 {\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-121 {\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-121, .sw-half-circle-prev-121 {\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-121 {\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-121 {\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-121 span {\r\n\tmargin-right: -23px\r\n}\r\n\r\n.sw-half-circle-next-121 span {\r\n\tmargin-left: -23px\r\n}\r\n\r\n.sw-fade-121 {\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-121 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-121 {\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-121 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-121 {\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-121 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-121 {\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-121 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-121 {\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-121 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-121 {\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-121 {\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-121 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-121 {\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-121 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-121 {\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-121 {\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-121 {\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-121 img {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tobject-fit: fill;\r\n}\r\n\r\n.sw-detail-box-121 {\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-121 {\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-121 {\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-121 {\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-121:hover {\r\n\tbackground-color: #008b5f;\r\n}\r\n.sw-detail-button-2-121 {\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-121:hover {\r\n\tbackground-color: #008b5f;\r\n}\r\n\r\n\r\n.sw-detail-title-121 { font-style: italic; color: #e4f840; text-align: right; } .sw-detail-desc-121 { color: #f8ff91; text-align: right; } .sw-detail-box-121{ left: unset; right: 8%; background: linear-gradient(to right, rgb(255 0 252 \/ 0%) 0%, #2f4a66 100%); } .sw-slide-container-121, .sw-slice-121 img { border-radius: 20px; } .sw-slide-container-121 { box-shadow: 8px 9px 25px -1px rgba(0,0,0,0.67); -webkit-box-shadow: 8px 9px 25px -1px rgba(0,0,0,0.67); -moz-box-shadow: 8px 9px 25px -1px rgba(0,0,0,0.67); }<\/style>\r\n<script>\r\n\r\njQuery.fn.slideWiz121 = function (e) {\r\n\r\n\tconst slideWiz121 = (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-121',\r\n\t\t\t'sw-slice-121',\r\n\t\t\t'sw-card-121',\r\n\t\t\t'sw-fade-121',\r\n\t\t\t'sw-box3D-121',\r\n\t\t\t'sw-glide-121',\r\n\t\t\t'sw-pixel-121'\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-121\").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-121\").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-121 \" + (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-121 \" + (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-121 \" + (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-121 \" + (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-121 .sw-slide-holder-121'),\r\n\t\t\t\tslideContainer = jQuery('.sw-slide-container-121'),\r\n\t\t\t\tslideDetailBox = jQuery('.sw-slide-container-121 .sw-detail-box-121'),\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-121\":\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-121 .sw-detail-box-121').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-121 .sw-main-image-box-121').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-121 .sw-main-image-box-121').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-121 .sw-main-image-box-121').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-121\":\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-121 .sw-detail-box-121').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-121 .sw-main-image-box-121').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-121 .sw-main-image-box-121').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-121 .sw-main-image-box-121').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-121\":\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-121 .sw-detail-box-121').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-121 .sw-main-image-box-121').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-121 .sw-main-image-box-121').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-121 .sw-main-image-box-121').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-121\":\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-121 .sw-detail-box-121').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-121 .sw-main-image-box-121').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-121 .sw-main-image-box-121').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-121 .sw-main-image-box-121').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-121\":\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-121 .sw-detail-box-121').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-121 .sw-main-image-box-121').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-121 .sw-main-image-box-121').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-121 .sw-main-image-box-121').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-121\":\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-121 .sw-detail-box-121').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-121 .sw-main-image-box-121').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-121').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-121');\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-121 .sw-main-image-box-121').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-121 .sw-main-image-box-121').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-121':\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-121 .sw-detail-box-121').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-121 .sw-main-image-box-121').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-121' : 'sw-pixel-rotate-121')).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-121' : 'sw-pixel-rotate-121'));\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-121 .sw-main-image-box-121').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-121 .sw-main-image-box-121').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-121'),\r\n\t\t\tslideHolderObject = jQuery('<div>').attr(\"class\", \"sw-slide-holder-121\"),\r\n\t\t\tmainImageBoxObject = jQuery('<div>').attr('class', 'sw-main-image-box-121'),\r\n\t\t\tslideDetailBoxObject = jQuery('<div>').attr('class', 'sw-detail-box-121'), i = 0;\r\n\r\n\t\tif (e.animation === 'sw-slice-121' || e.animation === 'sw-flip-121') {\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-121') {\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-121\",\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-121\",\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-121').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-121').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-121 .sw-detail-box-121'),\r\n\t\t\t\t\tslide_container = jQuery('.sw-slide-container-121'),\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-121') {\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-121') {\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-121') {\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\tslideWiz121(this, e);\r\n\r\n\t} catch (e) {\r\n\r\n\t\tconsole.error(\"slideWiz121: \" + 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-121').slideWiz121({\r\n\t\tauto: true,\r\n\t\tspeed: 5000,\r\n\t\trow: 12,\r\n\t\tcol: 14,\r\n\t\tanimation: ['sw-flip-121'],\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\/05\/Photo-of-Pitched-Dome-Tents-Overlooking-Mountain-Ranges.jpg\"\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: 'Camping',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"Camping may be combined with hiking, as in backpacking, and is often enjoyed in conjunction with other outdoor activities\",\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\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\/05\/Photo-of-Man-Sitting-on-a-Cave.jpg\"\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: 'Explore',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"One of the most popular reasons why people travel is to explore a place\\'s history and culture. \",\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\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\/05\/Man-Wearing-White-Shirt-Brown-Shorts-and-Green-Backpack-Standing-on-Hill.jpg\"\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: 'Beautiful Views',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"Views of natural features, especially in open country: enjoying the varied mountain scenery\",\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\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\/05\/Group-of-People-Walking-Beside-Train-Rail.jpg\"\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: 'Hiking',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"Find the best Hiking trails. Discover the most beautiful places in the world, download GPS tracks and follow the top routes\",\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\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\/05\/Blue-Car-on-Dirt-Road-Between-Green-Leaf-Trees.jpg\"\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: 'Off Road Safari',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"Off-roading is the activity of driving or riding a vehicle on unsurfaced roads or tracks, made of materials such as sand, gravel, riverbeds, mud, snow, rocks, and other natural terrain.\",\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\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\/05\/Red-Car-on-Muddy-Road-Near-Trees.jpg\"\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: 'Off Road Adventure',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"Off-roading is the activity of driving or riding a vehicle on unsurfaced roads or tracks, made of materials such as sand, gravel, riverbeds, mud, snow, rocks\",\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\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-121\"><\/div>\r\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;150px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\r\n<h2 style=\"text-align: center;\">Video Tutorial<\/h2>\r\n<p>&nbsp;<\/p>\r\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_video link=&#8221;https:\/\/www.youtube.com\/watch?v=T5VfMnqLre0&#8243;][\/vc_column][\/vc_row]<\/p>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text] A Basic Example [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text] Example Two With Custom CSS and Different Settings [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_column_text] [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;150px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text] Video Tutorial &nbsp; [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_video link=&#8221;https:\/\/www.youtube.com\/watch?v=T5VfMnqLre0&#8243;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3175","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/3175","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=3175"}],"version-history":[{"count":13,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/3175\/revisions"}],"predecessor-version":[{"id":3616,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/3175\/revisions\/3616"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/media?parent=3175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}