Skip to content

Commit 2605f3d

Browse files
GayaGaya
committed
Merge pull request #125 from Gaya/instant-overlay
Instant overlay
2 parents f1d4833 + dec930b commit 2605f3d

6 files changed

Lines changed: 33 additions & 9 deletions

File tree

‎bower.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "QueryLoader2",
3-
"version": "3.0.8",
3+
"version": "3.0.9",
44
"homepage": "http://www.gayadesign.com/diy/queryloader2-preload-your-images-with-ease/",
55
"authors": [
66
"Gaya <gaya.kessler@gmail.com>"

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "queryloader2",
3-
"version": "3.0.8",
3+
"version": "3.0.9",
44
"homepage": "http://gaya.ninja",
55
"description": "QueryLoader2 serves the main purpose of preloading the images on your website by showing an overlay and a loading bar. It automatically fetches all your images and background images and preloads them before showing the webpage.",
66
"dependencies": {},

‎queryloader2.min.js‎

Lines changed: 3 additions & 3 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/QueryLoader.js‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,7 @@ QueryLoader.prototype.init = function () {
3838

3939
if (typeof this.element !== "undefined") {
4040
this.createOverlay();
41+
this.removeTempOverlay();
4142
this.createPreloader();
4243
this.startMaxTimeout();
4344
}
@@ -79,6 +80,30 @@ QueryLoader.prototype.createOverlay = function () {
7980
}
8081
};
8182

83+
QueryLoader.prototype.removeTempOverlay = function () {
84+
window.setTimeout(function () {
85+
var tempOverlay = document.getElementById("qLtempOverlay");
86+
if (tempOverlay) {
87+
tempOverlay.parentNode.removeChild(tempOverlay);
88+
}
89+
}, 0);
90+
};
91+
92+
QueryLoader.createTempOverlay = function () {
93+
window.setTimeout(function () {
94+
var tempOverlay = document.createElement("div");
95+
tempOverlay.style.position = "fixed";
96+
tempOverlay.style.width = "100%";
97+
tempOverlay.style.height = "100%";
98+
tempOverlay.style.zIndex = "9999";
99+
tempOverlay.style.backgroundColor = "#000";
100+
tempOverlay.style.left = "0";
101+
tempOverlay.style.top = "0";
102+
tempOverlay.setAttribute("id", "qLtempOverlay");
103+
document.getElementsByTagName('body')[0].appendChild(tempOverlay);
104+
}, 0);
105+
};
106+
82107
QueryLoader.prototype.createPreloader = function () {
83108
'use strict';
84109
this.preloader = new ImagePreloader(this);

‎src/main.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,8 +14,7 @@ if (window.jQuery || window.Zepto) {
1414
}
1515

1616
// component
17-
if (typeof(module) !== 'undefined')
18-
{
17+
if (typeof(module) !== 'undefined') {
1918
module.exports = QueryLoader2;
2019
}
2120

@@ -27,4 +26,5 @@ if (typeof define === 'function' && define.amd) {
2726
});
2827
}
2928

30-
window.QueryLoader2 = QueryLoader2;
29+
window.QueryLoader2 = QueryLoader2;
30+
QueryLoader2.createTempOverlay();

‎test/browser/index.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,6 @@
1212
</head>
1313

1414
<body>
15-
<div id="qLoverlay"></div>
1615
<div id="content">
1716
<h1>QueryLoader v2 demo page</h1>
1817

0 commit comments

Comments
 (0)