{"id":3106,"date":"2021-04-17T09:41:08","date_gmt":"2021-04-17T09:41:08","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/?page_id=3106"},"modified":"2021-07-06T09:59:41","modified_gmt":"2021-07-06T09:59:41","slug":"the-worlds-most-colorful-places","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/the-worlds-most-colorful-places\/","title":{"rendered":"The World&#8217;s Most Colorful Places"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content&#8221; css=&#8221;.vc_custom_1623332896653{background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/06\/p1.jpg?id=3555) !important;background-position: 0 0 !important;background-repeat: repeat !important;}&#8221;][vc_column css=&#8221;.vc_custom_1623333988123{padding-top: 7% !important;padding-right: 7% !important;padding-bottom: 5% !important;padding-left: 7% !important;}&#8221;][vc_column_text]<style>\r\n.sw-slide-container-126 {\r\n\tbackground-color: #ffffff!important;\r\n}\r\n\r\n.sw-slideWiz-126 {\r\n\twidth:100%;\r\n\theight:900px;\r\n}\r\n\r\n@media only screen and (min-width: 768px) and (max-width: 800px) {\r\n\t.sw-slideWiz-126 {\r\n\t\tmax-width: 100% !important;\r\n\t\theight: 500px !important;\r\n\t}\r\n\t.sw-slideWiz-126 img{\r\n\t\tobject-fit: fill !important;\r\n\t\theight: 500px !important;\r\n\t}\r\n\t.sw-detail-title-126 {\r\n\t\tfont-size: 23px !important;\r\n\t}\r\n\t.sw-detail-desc-126 {\r\n\t\tfont-size: 13px !important;\r\n\t}\r\n\t.sw-detail-button-126, .sw-detail-button-2-126 {\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-126 {\r\n\t\tmax-width: 100% !important;\r\n\t\theight: 400px !important;\r\n\t}\r\n\t.sw-slideWiz-126 img{\r\n\t\tobject-fit: fill !important;\r\n\t\teight: 400px !important;\r\n\t}\r\n\t.sw-detail-title-126 {\r\n\t\tfont-size: 17px !important;\r\n\t}\r\n\t.sw-detail-desc-126 {\r\n\t\tfont-size: 10px !important;\r\n\t}\r\n\t.sw-detail-button-126, .sw-detail-button-2-126 {\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-126 {\r\n\t\tmax-width: 100% !important;\r\n\t\theight: 290px !important;\r\n\t}\r\n\t.sw-slideWiz-126 img{\r\n\t\tobject-fit: fill !important;\r\n\t\theight: 290px !important;\r\n\t}\r\n\t.sw-detail-title-126 {\r\n\t\tfont-size: 10px !important;\r\n\t\tpadding: 0 !important;\r\n\t}\r\n\t.sw-detail-desc-126 {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.sw-detail-box-126 {\r\n\t\tpadding: 7px !important;\r\n\t}\r\n\t.sw-detail-button-126, .sw-detail-button-2-126 {\r\n\t\tfont-size: 10px !important;\r\n\t}\r\n\t.sw-detail-button-126, .sw-detail-button-2-126 {\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-126 {\r\n\t\tmax-width: 100% !important;\r\n\t\theight: 180px !important;\r\n\t}\r\n\t.sw-slideWiz-126 img{\r\n\t\tobject-fit: fill !important;\r\n\t\theight: 180px !important;\r\n\t}\r\n\t.sw-detail-title-126 {\r\n\t\tfont-size: 8px !important;\r\n\t\tpadding: 0 !important;\r\n\t}\r\n\t.sw-detail-desc-126 {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.sw-detail-box-126 {\r\n\t\tpadding: 7px !important;\r\n\t}\t\r\n\t.sw-detail-button-126, .sw-detail-button-2-126 {\r\n\t\tfont-size: 8px !important;\r\n\t}\r\n\t\t.sw-detail-button-126, .sw-detail-button-2-126 {\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-126 {\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-126 {\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-126, .sw-half-circle-prev-126 {\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-126 {\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-126 {\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-126 span {\r\n\tmargin-right: -23px\r\n}\r\n\r\n.sw-half-circle-next-126 span {\r\n\tmargin-left: -23px\r\n}\r\n\r\n.sw-fade-126 {\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-126 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-126 {\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-126 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-126 {\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-126 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-126 {\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-126 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-126 {\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-126 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-126 {\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-126 {\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-126 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-126 {\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-126 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-126 {\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-126 {\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-126 {\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-126 img {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tobject-fit: fill;\r\n}\r\n\r\n.sw-detail-box-126 {\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-126 {\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-126 {\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-126 {\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-126:hover {\r\n\tbackground-color: #008b5f;\r\n}\r\n.sw-detail-button-2-126 {\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-126:hover {\r\n\tbackground-color: #008b5f;\r\n}\r\n\r\n\r\n.sw-detail-button-126, .sw-detail-button-2-126 { background-color: #bf1363; color: white; border: none; cursor: pointer; border-radius: 50px; text-align: center; padding: 5px 15px; transition: all .3s; background-image: linear-gradient(315deg, #e2703a 0%, #9c3d54 90%);} #section { margin: 0; padding: 0 0 0; } .sw-detail-desc-126 { padding-bottom: 5px; }<\/style>\r\n<script>\r\n\r\njQuery.fn.slideWiz126 = function (e) {\r\n\r\n\tconst slideWiz126 = (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-126',\r\n\t\t\t'sw-slice-126',\r\n\t\t\t'sw-card-126',\r\n\t\t\t'sw-fade-126',\r\n\t\t\t'sw-box3D-126',\r\n\t\t\t'sw-glide-126',\r\n\t\t\t'sw-pixel-126'\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-126\").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-126\").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-126 \" + (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-126 \" + (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-126 \" + (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-126 \" + (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-126 .sw-slide-holder-126'),\r\n\t\t\t\tslideContainer = jQuery('.sw-slide-container-126'),\r\n\t\t\t\tslideDetailBox = jQuery('.sw-slide-container-126 .sw-detail-box-126'),\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-126\":\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-126 .sw-detail-box-126').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-126 .sw-main-image-box-126').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-126 .sw-main-image-box-126').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-126 .sw-main-image-box-126').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-126\":\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-126 .sw-detail-box-126').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-126 .sw-main-image-box-126').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-126 .sw-main-image-box-126').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-126 .sw-main-image-box-126').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-126\":\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-126 .sw-detail-box-126').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-126 .sw-main-image-box-126').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-126 .sw-main-image-box-126').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-126 .sw-main-image-box-126').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-126\":\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-126 .sw-detail-box-126').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-126 .sw-main-image-box-126').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-126 .sw-main-image-box-126').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-126 .sw-main-image-box-126').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-126\":\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-126 .sw-detail-box-126').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-126 .sw-main-image-box-126').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-126 .sw-main-image-box-126').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-126 .sw-main-image-box-126').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-126\":\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-126 .sw-detail-box-126').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-126 .sw-main-image-box-126').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-126').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-126');\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-126 .sw-main-image-box-126').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-126 .sw-main-image-box-126').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-126':\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-126 .sw-detail-box-126').css('bottom', '-' + slideContainerHeight + 'px');\r\n\t\t\t\t\tjQuery('.sw-slide-container-126 .sw-main-image-box-126').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-126' : 'sw-pixel-rotate-126')).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-126' : 'sw-pixel-rotate-126'));\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-126 .sw-main-image-box-126').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-126 .sw-main-image-box-126').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-126'),\r\n\t\t\tslideHolderObject = jQuery('<div>').attr(\"class\", \"sw-slide-holder-126\"),\r\n\t\t\tmainImageBoxObject = jQuery('<div>').attr('class', 'sw-main-image-box-126'),\r\n\t\t\tslideDetailBoxObject = jQuery('<div>').attr('class', 'sw-detail-box-126'), i = 0;\r\n\r\n\t\tif (e.animation === 'sw-slice-126' || e.animation === 'sw-flip-126') {\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-126') {\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-126\",\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-126\",\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-126').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-126').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-126 .sw-detail-box-126'),\r\n\t\t\t\t\tslide_container = jQuery('.sw-slide-container-126'),\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-126') {\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-126') {\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-126') {\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\tslideWiz126(this, e);\r\n\r\n\t} catch (e) {\r\n\r\n\t\tconsole.error(\"slideWiz126: \" + 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-126').slideWiz126({\r\n\t\tauto: true,\r\n\t\tspeed: 4300,\r\n\t\trow: 10,\r\n\t\tcol: 15,\r\n\t\tanimation: ['sw-flip-126'],\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\/04\/Burano-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: 'Burano Island, Italy',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"Burano, Italy: Just a 45-minute vaporetto ride from Venice, Burano is also built around a network of canals, but it\u2019s got a completely different vibe from its famous neighbor.\",\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: 'Gallery ',\r\n\t\t\t\t\turl: '#',\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/class: 'btn btn-medium btn-primary'\r\n\t\t\t\t\t\t\t\t\t\tbutton2: {\r\n\t\t\t\t\turl2: '#',\r\n\t\t\t\t\ttext2: 'More ',\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\/04\/chefchaouen-moroccopg-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: 'Chefchaouen, Morocco',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"Affectionally called the Blue Pearl of Morocco, every building and alleyway of this former fortress town in the Rif Mountains is covered in a charming blue tones. Some say the city was painted blue by Jewish refugees from Spain in the 1930s to reflect the divine, while others believe it represents the color of the sea and keeps mosquitos away. Whatever the reason, this Moroccan gem offers a peaceful yet colorful spot for photographers to test out their skills and marvel at its beauty.\",\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: 'Gallery ',\r\n\t\t\t\t\turl: '#',\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/class: 'btn btn-medium btn-primary'\r\n\t\t\t\t\t\t\t\t\t\tbutton2: {\r\n\t\t\t\t\turl2: '#',\r\n\t\t\t\t\ttext2: 'More ',\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\/04\/guatape-colombia-1594925778-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: 'Guatape, Colombia',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"The quaint holiday town of Guatap\u00e9 bursts with vibrancy as almost every single home and building is covered in brilliant frieze. Residents and shop owners often decorate their home facades in fresco-like panels, depicting anything from colorful flowers to adorable animals to sweet treats on the bakery doors. It\u2019s unclear exactly when and why the tradition had started but that hasn\u2019t stopped the city from preserving its winding rainbow streets that feel straight out of a storybook\",\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: 'Gallery ',\r\n\t\t\t\t\turl: '#',\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/class: 'btn btn-medium btn-primary'\r\n\t\t\t\t\t\t\t\t\t\tbutton2: {\r\n\t\t\t\t\turl2: '#',\r\n\t\t\t\t\ttext2: 'More ',\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\/04\/ersfjordbotn-norway-northern-lights-1594925584.jpg\"\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: 'Northern Lights in Troms\u00f8, Norway',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"Is there anything dreamier than looking up to see bursts of lively greens, soft reds, and deep violets dancing across the night sky? The Northern Lights, or Aurora Borealis, occurs when particles from the sun enter the Earth\\'s atmosphere and collide with atoms. While the phenomenon can be seen in a number of high-latitude regions, Troms\u00f8 offers some of the best views, due to its location within the Arctic Circle.\",\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: 'Gallery ',\r\n\t\t\t\t\turl: '#',\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/class: 'btn btn-medium btn-primary'\r\n\t\t\t\t\t\t\t\t\t\tbutton2: {\r\n\t\t\t\t\turl2: '#',\r\n\t\t\t\t\ttext2: 'More ',\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\/04\/nasir-al-mulk-mosque-shiraz-iran-1594926055-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: 'Nasir al-Mulk Mosque in Shiraz, Iran',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"At first glance, the Nasir al-Mulk Mosque appears to be in the same traditional style as the other incredible mosques in Shiraz. However, a step inside reveals a dazzling world of color and patterns waiting to be discovered. Nicknamed the Pink Mosque, Nasir al-Mulk boasts an impressive display of Persian stained-glass windows that blanket the prayer room and rose-tiled arabesque arches in a rainbow of shades. The best time to see the rainbow effect is in the early morning hours.\",\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: 'Gallery ',\r\n\t\t\t\t\turl: '#',\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/class: 'btn btn-medium btn-primary'\r\n\t\t\t\t\t\t\t\t\t\tbutton2: {\r\n\t\t\t\t\turl2: '#',\r\n\t\t\t\t\ttext2: 'More ',\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\/04\/vinicunca-peru-1594926340-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: 'Vinicunca Rainbow Mountain in Peru',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"The various peaks of the Ausangate Mountain region exhibit an array of shades\u2014from lavender to pastel green\u2014due to the different types of sediment and its reaction to the atmosphere. However, no other mountain in the region displays seven different colors in a uniform fashion like Vinicunca. The technicolor mount is found deep within the mountain range and takes nearly six days of hiking to reach the peak. There is now a road leading to the mountain, which makes seeing the rainbow much easier for less-experienced hikers.\",\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: 'Gallery ',\r\n\t\t\t\t\turl: '#',\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/class: 'btn btn-medium btn-primary'\r\n\t\t\t\t\t\t\t\t\t\tbutton2: {\r\n\t\t\t\t\turl2: '#',\r\n\t\t\t\t\ttext2: 'More ',\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\/04\/marble-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: 'Marble Cave',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"The mesmerizing blue-and-white patterns of this solid marble peninsula in the Lago General Carrera reflect the natural history of the region. The swirling cavern walls were formed more than 6,000 years ago from waves washing up against the calcium carbonate-rich piece of land. The turquoise tones directly correspond with the shades of the lake and change with each season.\",\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: 'Gallery ',\r\n\t\t\t\t\turl: '#',\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/class: 'btn btn-medium btn-primary'\r\n\t\t\t\t\t\t\t\t\t\tbutton2: {\r\n\t\t\t\t\turl2: '#',\r\n\t\t\t\t\ttext2: 'More ',\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\/06\/Colorful-Towns-Cinque-Terre.jpg\"\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: 'Cinque Terre',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"The Cinque Terre area is a popular tourist destination. Over the centuries, people have built terraces on the rugged, steep landscape right up to the cliffs that overlook the Ligurian Sea. Paths, trains, and boats connect the villages as cars can only reach them with great difficulty from the outside via narrow and precarious mountain roads.\",\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: 'Gallery ',\r\n\t\t\t\t\turl: '#',\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/class: 'btn btn-medium btn-primary'\r\n\t\t\t\t\t\t\t\t\t\tbutton2: {\r\n\t\t\t\t\turl2: '#',\r\n\t\t\t\t\ttext2: 'More ',\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\/06\/http___cdn.cnn_.com_cnnnext_dam_assets_170509171638-colorful-places-legoland-billund.jpg\"\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: 'Legoland, Denmark',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: \"Copenhagen\\'s Nyhavn is one of the attractions recreated in jellybean-colored bricks in Legoland in Billund Resort in Denmark\",\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: 'Gallery ',\r\n\t\t\t\t\turl: '#',\r\n\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/class: 'btn btn-medium btn-primary'\r\n\t\t\t\t\t\t\t\t\t\tbutton2: {\r\n\t\t\t\t\turl2: '#',\r\n\t\t\t\t\ttext2: 'More',\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-126\"><\/div>\r\n[\/vc_column_text][vc_row_inner css=&#8221;.vc_custom_1625565414234{background-color: #faebe0 !important;}&#8221;][vc_column_inner][vc_column_text]<\/p>\n<p style=\"text-align: center;\"><span style=\"color: #000000;\"><strong>Settings Used<\/strong>: Auto Play On Load- ON, Autoplay Speed : 4300 ms, Animation FX Effect- Flippers, No. of Rows in Grid Animations- 10, No. of Columns in Grid Animations, Slides Background Color &#8211; #ffffff, with Custom CSS<\/span><\/p>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content&#8221; css=&#8221;.vc_custom_1623332896653{background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/06\/p1.jpg?id=3555) !important;background-position: 0 0 !important;background-repeat: repeat !important;}&#8221;][vc_column css=&#8221;.vc_custom_1623333988123{padding-top: 7% !important;padding-right: 7% !important;padding-bottom: 5% !important;padding-left: 7% !important;}&#8221;][vc_column_text][\/vc_column_text][vc_row_inner css=&#8221;.vc_custom_1625565414234{background-color: #faebe0 !important;}&#8221;][vc_column_inner][vc_column_text] Settings Used: Auto Play On Load- ON, Autoplay Speed : 4300 ms, Animation FX Effect- Flippers, No. of Rows in Grid Animations- 10, No. of Columns in Grid Animations, Slides Background Color &#8211; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":20,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3106","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/3106","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=3106"}],"version-history":[{"count":20,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/3106\/revisions"}],"predecessor-version":[{"id":3812,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/3106\/revisions\/3812"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/media?parent=3106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}