var stylecss = "";
$("body").append(stylecss);
window.waitforloading = true;
var loadingjs = function(){
this.initconfig();
this.inithtml();
this.initcss();
this.startloading();
this.onresize();
var self = this;
$(window).resize(function(){
self.onresize();
});
window.settimeout(function(){window.waitforloading = false;},250);
}
loadingjs.prototype = {
inithtml : function(){
this.stop = false;
this.loadimageurl = "";
this.instance = $("
");
this.image = $("
");
this.title = $("");
if(this.loadingpicture) this.instance.append(this.image);
this.initanimationhtml();
this.instance.append(this.title);
$("body").append(this.instance);
},
initanimationhtml : function(){
this.loadbox = $("");
var img1 = $(this.loadimageurl);
var img2 = $(this.loadimageurl);
this.img3 = $(this.loadimageurl);
this.img3.attr("class", "loadingrun");
this.loadbox.css({
"position":"relative",
"perspective":"200px",
"-webkit-transform-style":"preserve-3d",
"-o-transform-style":"preserve-3d",
"-ms-transform-style":"preserve-3d",
"-moz-transform-style":"preserve-3d",
"transform-style":"preserve-3d"
});
this.img3.css({
"position" : "absolute" ,
"left" : "50%" ,
"z-index" : "-1" ,
"-webkit-transform-origin" : "0 50%",
"-o-transform-origin" : "0 50%",
"-ms-transform-origin" : "0 50%",
"-moz-transform-origin" : "0 50%",
"transform-origin" : "0 50%",
"fill" : this.loadingcaptioncolor
});
img2.css({
"position" : "absolute" ,
"left" : "-50%" ,
"-webkit-transform":"rotatey(180deg)",
"-o-transform":"rotatey(180deg)",
"-ms-transform":"rotatey(180deg)",
"-moz-transform":"rotatey(180deg)",
"transform":"rotatey(180deg)",
"fill" : this.loadingcaptioncolor
});
img1.css({
"position" : "absolute" ,
"left" : "50%",
"fill" : this.loadingcaptioncolor
});
this.loadbox.append(img1).append(img2).append(this.img3);
this.instance.append(this.loadbox);
},
initconfig : function(){
this.loadingcaption, this.loadingcaptioncolor, this.loadingpicture;
try{
this.loadingcaption = bookconfig.loadingcaption ? bookconfig.loadingcaption : "loading";
this.loadingcaptioncolor = bookconfig.loadingcaptioncolor ? bookconfig.loadingcaptioncolor : "#dddddd";
this.loadingbackground = bookconfig.loadingbackground ? bookconfig.loadingbackground : "#1f2232";
this.loadingpicture = bookconfig.loadingpicture ? bookconfig.loadingpicture : "";
}catch(err){
this.loadingcaption = "loading";
this.loadingcaptioncolor = "#bdbdbd";
this.loadingbackground = "#1f2233";
this.loadingpicture = "";
}
},
startloading : function(){
this.title.text($(document).attr("title"));
},
destroy : function(){
this.img3.attr("class", "");
$("body>style").html("");
this.instance.remove();
this.image.attr("src", "");
$("body").css({"background-color" : ""});
},
initcss : function(){
$("html").css({
"margin" : 0,
"padding" : 0,
"width" : "100%",
"height" : "100%"
});
$("body").css({
"margin" : 0,
"padding" : 0,
"width" : "100%",
"height" : "100%",
"position" : "fixed",
"background-color" : this.loadingbackground
});
this.instance.css({
"width" : "100%",
"height" : "100%",
"color" : this.loadingcaptioncolor,
"text-align" : "center",
"vertical-align" : "middle",
"font-family" : "tahoma",
"position" : "relative",
});
this.image.css({
"position" : "absolute",
"bottom" : "75%",
"left" : "50%",
"-webkit-transform" : "translate(-50% , 50%)",
"-moz-transform" : "translate(-50% , 50%)",
"-ms-transform" : "translate(-50% , 50%)",
"-o-transform" : "translate(-50% , 50%)",
"transform" : "translate(-50% , 50%)",
"margin-bottom" : "28px",
"max-width" : "40%",
"max-height" : "30%"
});
if(window.innerheight <= 300) this.image.hide();
var titletran = "translate(-50%, 16px)";
var loadingboxtran = "translate(-50% , -56px)";
// if(this.loadingpicture) {
// var titletran = "translate(-50%, 40px)";
// var loadingboxtran = "translate(-50% , -50%)";
// }
this.title.css({
"font-family":"arial",
"font-size" : "24px",
"position" : "absolute",
"top" : "50%",
"left" : "50%",
"-webkit-transform" : titletran,
"-moz-transform" : titletran,
"-ms-transform" : titletran,
"-o-transform" : titletran,
"transform" : titletran,
"margin" : 0,
"padding" : 0
});
this.loadbox.css({
"position" : "absolute",
"width" : "49px",
"height" : "56px",
"left" : "50%",
"top" : "50%",
"-webkit-transform" : loadingboxtran,
"-moz-transform" : loadingboxtran,
"-ms-transform" : loadingboxtran,
"-o-transform" : loadingboxtran,
"transform" : loadingboxtran,
"padding" : 0
});
},
onresize : function(){}
}
var jsloadingbar = new loadingjs();