1document.write("<style>"+ 2 "@keyframes loadingAnimate{from {-webkit-transform: rotateY(0deg) scale(0.8);-o-transform: rotateY(0deg) scale(0.8);-ms-transform: rotateY(0deg) scale(0.8);-moz-transform: rotateY(0deg) scale(0.8);transform: rotateY(0deg) scale(0.8);}to {-webkit-transform: rotateY(-180deg) scale(0.8);-o-transform: rotateY(-180deg) scale(0.8);-ms-transform: rotateY(-180deg) scale(0.8);-moz-transform: rotateY(-180deg) scale(0.8);transform: rotateY(-180deg) scale(0.8);}}"+ 3 "@-webkit-keyframes loadingAnimate{from {-webkit-transform: rotateY(0deg) scale(0.8);-o-transform: rotateY(0deg) scale(0.8);-ms-transform: rotateY(0deg) scale(0.8);-moz-transform: rotateY(0deg) scale(0.8);transform: rotateY(0deg) scale(0.8);}to {-webkit-transform: rotateY(-180deg) scale(0.8);-o-transform: rotateY(-180deg) scale(0.8);-ms-transform: rotateY(-180deg) scale(0.8);-moz-transform: rotateY(-180deg) scale(0.8);transform: rotateY(-180deg) scale(0.8);}}"+ 4 ".loadingRun{-webkit-animation : loadingAnimate 1.2s infinite;animation : loadingAnimate 1.2s infinite;}" + 5 ".loader,.loader:after {border-radius: 50%;width: 60px;height: 60px;}" + 6".loader {margin: 60px auto;font-size: 10px;position: relative;text-indent: -9999em;border-top: 1.1em solid rgba(255, 255, 255, 0.2);border-right: 1.1em solid rgba(255, 255, 255, 0.2);border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);" + 7 "border-left: 1.1em solid #ffffff;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: load8 1.1s infinite linear;animation: load8 1.1s infinite linear;}" + 8 "@-webkit-keyframes load8 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}" + 9 "@keyframes load8 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}" + 10"</style>"); 11 12var videoImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABYCAYAAAAUeMJLAAAABHNCSVQICAgIfAhkiAAABRBJREFUeF7tnb2rHUUYxp8H/wBjo6Wd2ARvesFYCTbJBRtBMCqmsAhGEPEDTNBCBSGQQrQxkYhCiqhNRBAjtkJu8APBSgu1EExEwaj4ynPdve7ds4dzdmZ2Z+fu+8LlwLkz884+v/l4z+zsDrHEzOwQgA0AB6vPfcvS+vdJFbgKYAvAJX2SfL+rdLa/NDPBerOClbRGXliQAoL4EEl97tgucGb2PIATQcV7pqEVOEHyZO1kB5yZCZjAuU1XgeMkT6l62+Cq4fFyR33PAjhTjbUae90GVsDMFEtoujoC4MEOdwc0bNbgBE2Ja7sG4DBJTZBumRQwMwWG7wG4sVEFBSwHaGaHAVxo1e1uh5aJVsttBe+T1tebAtee286SVDd1m4gCZqbpqjlsnhQ4DYd3NerovW0iwOpqdPS6TwXuFwDNH9c3kfRAZELwqoBFnGq7KnDWrCPJhR/lXdfQzpfiOnP5zuVXmoX6dnAR4uVsrA7OwcW3v9BhI9ZzLr8+VEaSc3CFCujgHFxvBUIbjQcnHpz0bmwLGUJbX6znXH6zBCexYnn+fgosLJSErpz0c+upYxVwcLEKZsrv4DIJH+vWwcUqmCm/g8skfKxbBxerYKb8Di6T8LFu9wQ4M7sBwG3aWUjym1hRSshfPDgzewDAqwBurgT/GcDbAJ4j+VsJEELqWDQ4M7sdwJcA1OPa9h2AoyQ/ChFm6nlKB3cewH0rRH4LwDGS2tS7Z6x0cD8BuGUNGj8CeIykdgHvCSsdnLYNNrdjr4IicI+S1DxYtM0NnGAJmobOd0omN0dwNS8FLQpeFMQUZ3MGJ1i/A3gGwGmSuzYCT53k3MHVfD4D8AjJb6cOrK6fg/uf1B8A9GjuKyT/mTpAB7dI6HMAD5P8YsrwHFw3nb8AvAzgRZLXpwiwdHDtR8JSa/wVgHtJfp+64NjyHNxqBb8GoAfk/1yddLwUDm49rdXrLq6XdJxUpYPru+QVqurTJF8KzTxEPge3nqr3k3x3vaTjpHJwq3X+FcCtU3sOvnRwQ0eVWhI7RPLj1XzHTVE6uCHnuEkvgzm4xY6iO+VPAXhjygvPDm43OG0yepKk7phP2hzcf3iK21g0d3C6C3AawLMkFYgUY3MGp9V/3QXQ3YDibI7gtNr/QnXfTXcBirS5gZt0iN+nBc0FnHZ2PQHg3JRD/DmB+xDAPSsuWCH+43thL2XzOkvvcV2vIa6vr7gQfzY9ThdqZq9rf2Tjov8G8BoA3YopKsSfFbgK3n4Ad4ojgA9I/tBHhBLTFj1Ulih4qjo7uFRKjlyOgxtZ8FTuHFwqJUcux8GNLHgqdw4ulZIjl+PgRhY8lTsHl0rJkctxcCMLnspdMnDtglJUMNcrdnP5lWahvv1l2hHi5WysDs7Bxbe/0GEj1nMuvz5URpJzcIUK6OAcXG8FQhuNBycenPRubAsZQltfrOdcfmODk/ajS364bWxLSJy/43Dba36cdGKRhyhu2XHSfoD7EGonLHPZAe5dexX9EPeEwscU1dHbVNzm9pnfZrYF4I6GA817myQvxTj1vHEKVNAuANjXKOkKyY0a3AaAyx1uzgDQnxILptvAClSBiDrRkeqv7VFvPdraBlf1uvZcN3AVvfgABY6TPLX9M6KZ2cwcXoCaI2XZgbYArup5GjY1PDbnvJHq5m46FLiiIVPDY/N/u3pcq/cp2hTEg9Vnn9fGO4FwBfT6DkFSYLi17OyEfwGiWm1shbv/BgAAAABJRU5ErkJggg=="; 13var parseBool = function(value,defaultValue){ 14 15 if(value === true || value === false) return value; 16 if(value == undefined || value == null) return false; 17 defaultValue = !!defaultValue; 18 19 if(typeof(value) == "number") return (value != 0); 20 if(typeof(value) != "string") return false; 21 22 if(value == "") return false;
23 24 var trueArr=['true','yes','show','enable'], 25 falseArr=['false','no','hide','disable'], 26 value = value.toLowerCase(); 27 28 if(trueArr.indexOf(value) < 0 && falseArr.indexOf(value) < 0){ 29 return defaultValue; 30 }else{ 31 return trueArr.indexOf(value)>=0; 32 } 33}; 34 35var isIphone = function(){ 36 var userAgent = navigator.userAgent.toLowerCase(); 37 return userAgent.indexOf("iphone") > 0 ; 38} 39 40var isIphoneXor11 = function(){ 41 return isIphone() && ((screen.height == 812 && screen.width == 375)||(screen.height == 896 && screen.width == 414)); 42} 43 44window.waitForLoading = true; 45var LoadingJS = function(){ 46 this.initConfig(); 47 48 this.initHtml(); 49 this.initCss(); 50 51 this.startLoading(); 52 this.onResize(); 53 54 var self = this; 55 window.onresize =function(){ 56 self.onResize(); 57 }; 58 59 window.setTimeout(function(){window.waitForLoading = false;},250); 60} 61 62LoadingJS.prototype = { 63 64 initConfig : function(){ 65 if(!window.bookConfig && window.htmlConfig && window.htmlConfig.bookConfig) { 66 window.bookConfig = window.htmlConfig.bookConfig; 67 } 68 try{ 69 this.loadingCaption = bookConfig.loadingCaption ? bookConfig.loadingCaption : document.title; 70 this.loadingCaptionFontSize = !isNaN(bookConfig.loadingCaptionFontSize) ? parseInt(bookConfig.loadingCaptionFontSize) : 28; 71 this.loadingCaptionFontSize = Math.min(100, this.loadingCaptionFontSize); 72 this.loadingCaptionFontSize = Math.max(0, this.loadingCaptionFontSize); 73 this.loadingCaptionColor = bookConfig.loadingCaptionColor ? bookConfig.loadingCaptionColor : "#DDDDDD"; 74 this.loadingBackground = bookConfig.loadingBackground ? bookConfig.loadingBackground : "#1F2232"; 75 this.loadingPicture = bookConfig.loadingPicture ? bookConfig.loadingPicture : ""; 76 // this.loadingPictureWidth = !isNaN(bookConfig.loadingPictureWidth) ? parseInt(bookConfig.loadingPictureWidth) : 80; 77 this.loadingPictureHeight = !isNaN(bookConfig.loadingPictureHeight) ? parseInt(bookConfig.loadingPictureHeight) : 150; 78 this.loadingDisplayTime = !isNaN(bookConfig.loadingDisplayTime) ? parseInt(bookConfig.loadingDisplayTime) : 0; 79 this.loadingSpacing = !isNaN(bookConfig.loadingSpacing) ? parseInt(bookConfig.loadingSpacing) : 20; 80 this.showLoadingGif = (bookConfig.showLoadingGif != undefined) ? parseBool(bookConfig.showLoadingGif, true) : true; 81 this.loadingVideo = bookConfig.loadingVideo ? bookConfig.loadingVideo : ""; 82 if(this.loadingVideo) this.showLoadingGif = false; 83 }catch(err){ 84 this.loadingCaption = document.title; 85 this.loadingCaptionFontSize = 28; 86 this.loadingCaptionColor = "#DDDDDD"; 87 this.loadingBackground = "#1F2232"; 88 this.loadingPicture = ""; 89 this.showLoadingGif = true; 90 // this.loadingPictureWidth = 80; 91 this.loadingPictureHeight = 150; 92 this.loadingDisplayTime = 0; 93 this.loadingSpacing = 20; 94 this.loadingVideo = ""; 95 } 96 }, 97 98 initHtml : function(){ 99 this.stop = false; 100 101 this.instance = document.createElement("div"); 102 this.title = document.createElement("p"); 103 this.title.innerHTML = this.loadingCaption; 104 this.copyright = document.createElement("p"); 105 this.copyright.setAttribute("style", "position:absolute;bottom:5%;font-size:1.1rem;width:100%;text-align:center;"); 106 if(window.userInfo && window.userInfo.copyright) this.copyright.innerHTML = window.userInfo.copyright; 107 108 this.bg = document.createElement("div"); 109 this.bg.setAttribute("style", "transform:scale(1);"); 110 111 if(this.showLoadingGif) 112 this.initAnimationHtml(); 113 114 if(this.loadingVideo) { 115 this.initVideo(); 116 } 117 118 if(this.loadingPicture) { 119 this.image = document.createElement("img"); 120 this.image.src = this.loadingPicture; 121 this.instance.appendChild(this.image); 122 } 123 this.instance.appendChild(this.title); 124 this.instance.appendChild(this.copyright); 125 this.bg.appendChild(this.instance); 126 document.body.appendChild(this.bg); 127 }, 128 129 initVideo: function(){ 130 this.videoImage = document.createElement("img"); 131 this.videoImage.src = videoImage; 132 this.videoImage.setAttribute("style", "position: absolute; top: 0px; right: 0px;left:0;bottom:0;margin:auto; z-index: 4;"); 133 this.videoImage.addEventListener("click", function(){ 134 this.video.style.display = "block"; 135 this.instance.style.display = "none"; 136 this.video.play(); 137 }.bind(this)); 138 139 this.videoLoadImage = document.createElement("div"); 140 this.videoLoadImage.setAttribute("style", "position: absolute; top: auto; right: 0px;left:0;bottom:50%;margin:auto; z-index: 4;"); 141 this.videoLoadImage.setAttribute("class", "loader"); 142 143 this.video = document.createElement("video"); 144 this.video.src = this.loadingVideo; 145 // this.video.setAttribute("webkit-playsinline", "true"); 146 // this.video.setAttribute("x5-playsinline", "true"); 147 // this.video.setAttribute("playsinline", ""); 148 this.video.setAttribute("preload", "auto"); 149 // this.video.setAttribute("controls", "controls"); 150 // this.video.setAttribute("muted", ""); 151 // this.video.setAttribute("x-webkit-airplay", "allow"); 152 this.video.setAttribute("style", "width: 100%; height: 100%; display:none;
152object-fit: fill; position: absolute; top: 0px; right: 0px; z-index: 3;"); 153 this.bg.appendChild(this.video); 154 this.instance.appendChild(this.videoImage); 155 this.instance.appendChild(this.videoLoadImage); 156 this.video.load(); 157 }, 158 159 showVideo: function(){ 160 // $(this.instance).fadeOut(500, function(){ 161 162 // }.bind(this)); 163 // $(this.videoImage).fadeIn(500, function(){ 164 this.videoImage.style.display = "block"; 165 this.videoLoadImage.style.display = "none"; 166 // }); 167 }, 168 169 loadingSvg: function(){ 170 // this.loadImageUrl = "<svg t=\"1525916222299\" class=\"icon\" style=\"\" viewBox=\"130 0 800 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"2478\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"49\" height=\"56\"><defs><style type=\"text/css\"></style></defs><path d=\"M835.55027 48.761905C876.805122 48.761905 910.222223 81.441158 910.222223 121.753604L910.222223 902.095C910.222223 902.095 910.222223 942.409011 876.805 975.238095L113.777778 975.238095 113.777778 24.380952 88.888889 48.761905 835.55027 48.761905ZM64 0 64 24.380952 64 1024L960 1024C835.55027 1024 904.277615 1024 960 969.325498L960 54.49204C960 54.49204 904.277615 0 835.55027 0L88.888889 0 64 0Z\" p-id=\"2479\"></path><path d=\"M775.164361 219.428572C788.910114 219.428572 800.05325 208.512847 800.05325 195.047619 800.05325 181.582391 788.910114 170.666667 775.164361 170.666667L263.111111 170.666667C249.365357 170.666667 238.222222 181.582391 238.222222 195.047619 238.222222 208.512847 249.365357 219.428572 263.111111 219.428572L775.164361 219.428572Z\" p-id=\"2481\"></path><path d=\"M775.164361 365.714285C788.910114 365.714285 800.05325 354.798562 800.05325 341.333333 800.05325 327.868105 788.910114 316.952382 775.164361 316.952382L263.111111 316.952382C249.365357 316.952382 238.222222 327.868105 238.222222 341.333333 238.222222 354.798562 249.365357 365.714285 263.111111 365.714285L775.164361 365.714285Z\" p-id=\"2482\"></path><path d=\"M775.164361 536.380951C788.910114 536.380951 800.05325 525.465229 800.05325 512 800.05325 498.534771 788.910114 487.619049 775.164361 487.619049L263.111111 487.619049C249.365357 487.619049 238.222222 498.534771 238.222222 512 238.222222 525.465229 249.365357 536.380951 263.111111 536.380951L775.164361 536.380951Z\" p-id=\"2483\"></path></svg>"; 171 172 var loadImageUrl = document.createElementNS("http://www.w3.org/2000/svg", 'svg'); 173 loadImageUrl.setAttribute("t", "1525916222299"); 174 loadImageUrl.setAttribute("class", "icon"); 175 loadImageUrl.setAttribute("style", ""); 176 loadImageUrl.setAttribute("viewBox", "130 0 800 1024"); 177 loadImageUrl.setAttribute("version", "1.1"); 178 loadImageUrl.setAttribute("xmlns", "http://www.w3.org/2000/svg"); 179 loadImageUrl.setAttribute("p-id", "2478"); 180 loadImageUrl.setAttribute("xmlns:xlink", "http://www.w3.org/1999/xlink"); 181 loadImageUrl.setAttribute("width", "49"); 182 loadImageUrl.setAttribute("height", "56"); 183 184 var defs = document.createElementNS("http://www.w3.org/2000/svg", 'defs'); 185 var style = document.createElementNS("http://www.w3.org/2000/svg", 'style'); 186 style.setAttribute("type", "text/css"); 187 var path1 = document.createElementNS("http://www.w3.org/2000/svg", 'path'); 188 path1.setAttribute("d", "M835.55027 48.761905C876.805122 48.761905 910.222223 81.441158 910.222223 121.753604L910.222223 902.095C910.222223 902.095 910.222223 942.409011 876.805 975.238095L113.777778 975.238095 113.777778 24.380952 88.888889 48.761905 835.55027 48.761905ZM64 0 64 24.380952 64 1024L960 1024C835.55027 1024 904.277615 1024 960 969.325498L960 54.49204C960 54.49204 904.277615 0 835.55027 0L88.888889 0 64 0Z"); 189 path1.setAttribute("p-id", "2479"); 190 191 var path2 = document.createElementNS("http://www.w3.org/2000/svg", 'path'); 192 path2.setAttribute("d", "M775.164361 219.428572C788.910114 219.428572 800.05325 208.512847 800.05325 195.047619 800.05325 181.582391 788.910114 170.666667 775.164361 170.666667L263.111111 170.666667C249.365357 170.666667 238.222222 181.582391 238.222222 195.047619 238.222222 208.512847 249.365357 219.428572 263.111111 219.428572L775.164361 219.428572Z"); 193 path2.setAttribute("p-id", "2481"); 194 195 var path3 = document.createElementNS("http://www.w3.org/2000/svg", 'path'); 196 path3.setAttribute("d", "M775.164361 365.714285C788.910114 365.714285 800.05325 354.798562 800.05325 341.333333 800.05325 327.868105 788.910114 316.952382 775.164361 316.952382L263.111111 316.952382C249.365357 316.952382 238.222222 327.868105 238.222222 341.333333 238.222222 354.798562 249.365357 365.714285 263.111111 365.714285L775.164361 365.714285Z"); 197 path3.setAttribute("p-id", "2482"); 198 199 var path4 = document.createElementNS("http://www.w3.org/2000/svg", 'path'); 200 path4.setAttribute("d", "M775.164361 536.380951C788.910114 536.380951 800.05325 525.465229 800.05325 512 800.05325 498.534771 788.910114 487.619049 775.164361 487.619049L263.111111 487.619049C249.365357 487.619049 238.222222 498.534771 238.222222 512 238.222222 525.465229 249.365357 536.380951 263.111111 536.380951L775.164361 536.380951Z"); 201 path4.setAttribute("p-id", "2483"); 202 203 defs.appendChild(style); 204 loadImageUrl.appendChild(defs); 205 loadImageUrl.appendChild(path1); 206 loadImageUrl.appendChild(path2); 207 loadImageUrl.appendChild(path3); 208 loadImageUrl.appendChild(path4); 209 210 return loadImageUrl; 211 }, 212 213 initAnimationHtml : function(){ 214 if(!document.createElementNS) return; 215 216 this.loadBox = document.createElement("div"); 217 var img1 = this.loadingSvg(); 218 var img2 = this.loadingSvg(); 219 this.img3 = this.loadingSvg(); 220 if(isIphoneXor11()) { 221 var self = this; 222 var index = 0; 223 this.loadingAnimation = true; 224 var render = function(){ 225 window.setTimeout(function(){ 226 console.log("loadingAnimation"); 227 if(!self.loadingAnimation) return; 228 try { 229 var rotateY = 1.8 * index; 230 var tmpStyle = "rotateY(-" + rotateY + "deg) scale(0.8)"; 231 self.img3.style["-webkit-transform"] = tmpStyle; 232 self.img3.style["-o-transform"] = tmpStyle; 233 self.img3.style["-ms-transform"] = tmpStyle; 234 self.img3.style["-moz-transform"] = tmpStyle; 235 self.img3.style["transform"] = tmpStyle; 236 index ++ ; 237 index = index % 101; 238 render(); 239 } catch (error) { 240 241 } 242 }, 7); 243 } 244 render(); 245 } else { 246 this.img3.setAttribute("class", "loadingRun"); 247 } 248 249 this.img3.setAttribute("style", ( 250 "position : absolute;" + 251 "left : 20px;" + 252 "top : 0;" + 253 // "z-index : -1;" + 254 "-webkit-transform:rotateY(0deg) scale(0.8);" + 255 "-o-transform:rotateY(0deg) scale(0.8);" + 256 "-ms-transform:rotateY(0deg) scale(0.8);" + 257 "-moz-transform:rotateY(0deg) scale(0.8);" + 258 "transform:rotateY(0deg) scale(0.8);" + 259 "-webkit-transform-origin : 0 0;" + 260 "-o-transform-origin : 0 0;" + 261 "-ms-transform-origin : 0 0;" + 262 "-moz-transform-origin : 0 0;" + 263 "transform-origin : 0 0;" + 264 "will-change : transform;" + 265 "fill :" + this.loadingCaptionColor + ";" 266 )); 267 268 img2.setAttribute("style", ( 269 "position : absolute;" + 270 "left : 20px;" + 271 "top : 0;" + 272 "-webkit-transform:rotateY(180deg) scale(0.8);" + 273 "-o-transform:rotateY(180deg) scale(0.8);" + 274 "-ms-transform:rotateY(180deg) scale(0.8);" + 275 "-moz-transform:rotateY(180deg) scale(0.8);" + 276 "transform:rotateY(180deg) scale(0.8);" + 277 "-webkit-transform-origin : 0 0;" + 278 "-o-transform-origin : 0 0;" + 279 "-ms-transform-origin : 0 0;" + 280 "-moz-transform-origin : 0 0;" + 281 "transform-origin : 0 0;" + 282 "fill : " + this.loadingCaptionColor + ";" 283 )); 284 285 img1.setAttribute("style", ( 286 "position : absolute;" + 287 "left : 20px;" + 288 "top : 0;" + 289 "-webkit-transform:rotateY(0) scale(0.8);" + 290 "-o-transform:rotateY(0) scale(0.8);" + 291 "-ms-transform:rotateY(0) scale(0.8);" + 292 "-moz-transform:rotateY(0) scale(0.8);" + 293 "transform:rotateY(0) scale(0.8);" + 294 "-webkit-transform-origin : 0 0;" + 295 "-o-transform-origin : 0 0;" + 296 "-ms-transform-origin : 0 0;" + 297 "-moz-transform-origin : 0 0;" + 298 "transform-origin : 0 0;" + 299 "fill : " + this.loadingCaptionColor + ";" 300 )); 301 302 this.loadBox.appendChild(img1); 303 this.loadBox.appendChild(img2); 304 this.loadBox.appendChild(this.img3); 305 this.instance.appendChild(this.loadBox); 306 }, 307 308 startLoading : function(){ 309 310 }, 311 312 destroy : function(){ 313 314 // video1.removeEventListener('ended',this); 315 316 // $('.shade').hide(); 317 // $("#videoID").hide(); 318 // $(".flipbook").show(); 319 // // $('.flipbook-viewport').show(); 320 // $('.flipbook-viewport').fadeIn(3000); 321 // $('#musicinfo').show(); 322 if(global.isIE8()||global.isIE9()){ 323 $(this.bg).animate({"opacity":"0"},0.6,function(){ 324 this.loadingAnimation = false;
325 $("body>style").html(""); 326 $(this.bg).remove(); 327 $("body").css({"background-color" : ""}); 328 }.bind(this)); 329 }else{ 330 animateOnce($(this.bg) , {"opacity":"0"} , 0.6 ,function(){ 331 this.loadingAnimation = false; 332 $(this.img3).attr("class", ""); 333 $("body>style").html(""); 334 $(this.bg).remove(); 335 $(this.image).attr("src", ""); 336 $("body").css({"background-color" : ""}); 337 }.bind(this)); 338 } 339 340 }, 341 342 initCss : function(){ 343 document.getElementsByTagName("html")[0].setAttribute("style",( 344 "margin : 0;" + 345 "padding : 0;" + 346 "width : 100%;" + 347 "height : 100%;" 348 )); 349 350 document.body.setAttribute("style", ( 351 "margin : 0;" + 352 "padding : 0;" + 353 "width : 100%;" + 354 "height : 100%;" + 355 "position : fixed;" + 356 "background-color :" + this.loadingBackground + ";" 357 )); 358 359 this.bg.setAttribute("style", ( 360 "margin : 0;" + 361 "padding : 0;" + 362 "width : 100%;" + 363 "height : 100%;" + 364 "position : fixed;" + 365 "background-color:" + this.loadingBackground + ";" 366 )); 367 368 this.instance.setAttribute("style", ( 369 "width : 100%;" + 370 "height : 100%;" + 371 "opacity : 1;" + 372 "color :" + this.loadingCaptionColor + ";" + 373 "text-align : center;" + 374 "vertical-align : middle;" + 375 "font-family : Tahoma;" + 376 "position : relative;" 377 378 )); 379 380 var titleTran = "translate(-50%, " + this.loadingSpacing/2 + "px)"; 381 var loadingBoxTran = "translate(-50% , -" + (this.loadingSpacing/2 + 45) + "px)"; 382 var videoImageTran = "translate(-50% , -" + (this.loadingSpacing/2 + 60) + "px)"; 383 // var videoLoadImageTran = "translate(-50% , -" + (this.loadingSpacing/2 + 60) + "px)"; 384 var imageTran = "translate(-50% , 0)"; 385 var imageTop = "5%"; 386 var imageDisplay = "block"; 387 388 var loadingPictureHeight = Math.min(window.innerHeight * 0.35, this.loadingPictureHeight); 389 if(this.showLoadingGif || this.loadingVideo){ 390 if(window.innerHeight <= 300) imageDisplay = "none"; 391 } else { 392 imageTop = "50%"; 393 imageTran = "translate(-50% , -" + (this.loadingSpacing/2 + loadingPictureHeight) + "px)"; 394 } 395 396 if(this.image) this.image.setAttribute("style", ( 397 "display : " + imageDisplay + ";" + 398 "position : absolute;" + 399 "top : " + imageTop + ";" + 400 "left : 50%;" + 401 "-webkit-transform :" + imageTran + ";" + 402 "-moz-transform :" + imageTran + ";" + 403 "-ms-transform :" + imageTran + ";" + 404 "-o-transform :" + imageTran + ";" + 405 "transform :" +imageTran + ";" + 406 // "width : " + this.loadingPictureWidth + "px;" + 407 "height : " + this.loadingPictureHeight + "px;" + 408 "max-width : 90%;" + 409 "max-height : 35%;" 410 )); 411 412 this.title.setAttribute("style", ( 413 "font-family:Arial,Helvetica,sans serif;" + 414 "font-size : " + this.loadingCaptionFontSize + "px;" + 415 "position : absolute;" + 416 "top : 50%;" + 417 "left : 50%;" + 418 "-webkit-transform :" + titleTran + ";" + 419 "-moz-transform :" + titleTran + ";" + 420 "-ms-transform :" + titleTran + ";" + 421 "-o-transform :" + titleTran + ";" + 422 "transform :" +titleTran + ";" + 423 "margin : 0;" + 424 "padding : 0;" + 425 "width:90%;" 426 )); 427 428 if(this.videoImage) this.videoImage.setAttribute("style", ( 429 "position:relative;" + 430 "cursor:pointer;" + 431 "display:none;" + 432 "z-index:4;" + 433 "perspective:200px;" + 434 "-webkit-transform-style:preserve-3d;" + 435 "-o-transform-style:preserve-3d;" + 436 "-ms-transform-style:preserve-3d;" + 437 "-moz-transform-style:preserve-3d;" + 438 "transform-style:preserve-3d;" + 439 "position : absolute;" + 440 "width : auto;" + 441 "height : 60px;" + 442 "left : 50%;" + 443 "top : 50%;" + 444 "-webkit-transform : " +videoImageTran + ";" + 445 "-moz-transform : " +videoImageTran + ";" + 446 "-ms-transform : " +videoImageTran + ";" + 447 "-o-transform : " +videoImageTran + ";" + 448 "transform : " + videoImageTran + ";" + 449 "padding : 0;" 450 )); 451 452 if(this.videoLoadImage) 453 this.videoLoadImage.style["margin-bottom"] = this.loadingSpacing/2 + "px"; 454 455 if(this.loadBox) this.loadBox.setAttribute("style", ( 456 "position:relative;" + 457 "perspective:200px;" + 458 "-webkit-transform-style:preserve-3d;" + 459 "-o-transform-style:preserve-3d;" + 460 "-ms-transform-style:preserve-3d;" + 461 "-moz-transform-style:preserve-3d;" + 462 "transform-style:preserve-3d;" + 463 "position : absolute;" + 464 "width : 39.2px;" + 465 "height : 44.8px;" + 466 "left : 50%;" + 467 "top : 50%;" + 468 "-webkit-transform : " +loadingBoxTran + ";" + 469 "-moz-transform : " +loadingBoxTran + ";" + 470 "-ms-transform : " +loadingBoxTran + ";" + 471 "-o-transform : " +loadingBoxTran + ";" + 472 "transform : " + loadingBoxTran + ";" + 473 "padding : 0;" 474 )); 475 }, 476 477 onResize : function(){} 478 479} 480 481var jsLoadingBar = new LoadingJS();
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.