Insert HTML before first Body element so it works being loaded at bot…

…tom of the page
RafaelDesignBE · May 28, 2018 · 9300a84 · 9300a84
1 parent 59dc477
commit 9300a84
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/Example/gallery.html b/Example/gallery.html
@@ -4,8 +4,8 @@
     <meta charset="UTF-8">
     <title>Gallery Test</title>
     <link rel="stylesheet" href="css/style.css">
-    <link rel="stylesheet" href="../collery.min.css">
-    <script src="../collery.min.js"></script>
+    <link rel="stylesheet" href="../collery.css">
+
 </head>
 <body>
    <div class="preload"></div>
@@ -25,7 +25,7 @@
         </div>
     </div>
 
-
+    <script src="../collery.min.js"></script>
 
 </body>
 </html>
diff --git a/collery.js b/collery.js
@@ -1,7 +1,11 @@
 // Collery created by Rafael Fernandez (rafaeldesign.be)
 // Created on 05-07-2017
 // create gallery HTML
-document.write('<div class="gallery"> <div class="next"></div><div class="previous"></div></div><div class="title"></div><div class="close" title="Close (Esc)"> Close <div class="closex"> <div class="line1"></div><div class="line2"></div></div></div><div class="next"> <div class="arrow"></div></div><div class="previous"> <div class="arrow"></div></div><div class="cover"></div>');
+var colleryContent = document.createElement("div");
+colleryContent.classList.add('collery-content');
+
+colleryContent.innerHTML = '<div class="collery-content"><div class="gallery"> <div class="next"></div><div class="previous"></div></div><div class="title"></div><div class="close" title="Close (Esc)"> Close <div class="closex"> <div class="line1"></div><div class="line2"></div></div></div><div class="next"> <div class="arrow"></div></div><div class="previous"> <div class="arrow"></div></div><div class="cover"></div></div>';
+document.body.insertBefore(colleryContent, document.body.firstChild);
 
 // define variables
 var index;