Commented Big Image View

suoaao · Apr 8, 2016 · 3b8d631 · 3b8d631
1 parent 16bdeab
commit 3b8d631
Showing 1 changed file with 43 additions and 43 deletions.
diff --git a/layout/partial/scripts.jade b/layout/partial/scripts.jade
@@ -1,47 +1,47 @@
 //- Big Image View 
-script.
-    (function () {
-        'use strict';
-
-        var $mask = document.querySelector('#mask');
-        var $images = document.querySelectorAll('.post-content img');
-        var $maskImage = document.querySelector('#mask-image');
-        var screenHeight = window.screen.availHeight;
-        var outerStyle = "display: block; overflow: scroll; margin: 5em auto;";
-        var innerStyle = "position: absolute; top: 50%;right: 50%;transform: translate(50%, -50%);"
-        var images = Array.from($images || {});
-
-        var handleShowImage = function (e) {
-            var target = e.target;
-            var image = new Image();
-
-            image.src = target.src;
-
-            if (image.complete) {
-                $mask.style.display = "block";
-                $maskImage.src = target.src;
-                $maskImage.style = image.height > screenHeight ? outerStyle : innerStyle;
-                document.body.style.overflow = "hidden";
-            }
-
-            e.stopPropagation();
-        };
-
-        var handleHideImage = function (e) {
-            $mask.style = "display: none";
-            $maskImage.src = "#";
-            $maskImage.style = " ";
-            document.body.style.overflow = "visible";
-            e.stopPropagation();
-        };
-
-        if (images.length > 0) {
-            images.forEach(function(elem, index, arr) {
-                elem.addEventListener('click', handleShowImage);
-            });
-            $mask.addEventListener('click', handleHideImage);
-        }
-    })();
+//- script.
+//-     (function () {
+//-         'use strict';
+
+//-         var $mask = document.querySelector('#mask');
+//-         var $images = document.querySelectorAll('.post-content img');
+//-         var $maskImage = document.querySelector('#mask-image');
+//-         var screenHeight = window.screen.availHeight;
+//-         var outerStyle = "display: block; overflow: scroll; margin: 5em auto;";
+//-         var innerStyle = "position: absolute; top: 50%;right: 50%;transform: translate(50%, -50%);"
+//-         var images = Array.from($images || {});
+
+//-         var handleShowImage = function (e) {
+//-             var target = e.target;
+//-             var image = new Image();
+
+//-             image.src = target.src;
+
+//-             if (image.complete) {
+//-                 $mask.style.display = "block";
+//-                 $maskImage.src = target.src;
+//-                 $maskImage.style = image.height > screenHeight ? outerStyle : innerStyle;
+//-                 document.body.style.overflow = "hidden";
+//-             }
+
+//-             e.stopPropagation();
+//-         };
+
+//-         var handleHideImage = function (e) {
+//-             $mask.style = "display: none";
+//-             $maskImage.src = "#";
+//-             $maskImage.style = " ";
+//-             document.body.style.overflow = "visible";
+//-             e.stopPropagation();
+//-         };
+
+//-         if (images.length > 0) {
+//-             images.forEach(function(elem, index, arr) {
+//-                 elem.addEventListener('click', handleShowImage);
+//-             });
+//-             $mask.addEventListener('click', handleHideImage);
+//-         }
+//-     })();
 
 //- Analytics tracking
 - var ga = theme.ga