diff options
author | Chen Xianmin <xianmin12@gmail.com> | 2018-05-02 16:38:43 +0300 |
---|---|---|
committer | Chen Xianmin <xianmin12@gmail.com> | 2018-05-02 16:38:43 +0300 |
commit | f4967d2ae78d0aab6f7cab77e92b2ac0f635f74f (patch) | |
tree | 4c7190895f6f3dfcd44048424540b1442f0e273d /static | |
parent | 70b77d77cf2f140bd18f42e7809f87dab0e34755 (diff) |
fix: Unified code style, remove console.log in load-photoswipe.js
Diffstat (limited to 'static')
-rw-r--r-- | static/js/load-photoswipe.js | 138 |
1 files changed, 69 insertions, 69 deletions
diff --git a/static/js/load-photoswipe.js b/static/js/load-photoswipe.js index 978c66d..7beb53f 100644 --- a/static/js/load-photoswipe.js +++ b/static/js/load-photoswipe.js @@ -5,76 +5,76 @@ Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/ /* Show an alert if this js file has been loaded twice */ if (window.loadphotoswipejs) { - window.alert("You've loaded load-photoswipe.js twice. See https://github.com/liwenyip/hugo-easy-gallery/issues/6") -} + window.alert("You've loaded load-photoswipe.js twice. See https://github.com/liwenyip/hugo-easy-gallery/issues/6") +} var loadphotoswipejs = 1 /* TODO: Make the share function work */ $( document ).ready(function() { - /* - Initialise Photoswipe - */ - var items = []; // array of slide objects that will be passed to PhotoSwipe() - // for every figure element on the page: - $('figure').each( function() { - if ($(this).attr('class') == 'no-photoswipe') return true; // ignore any figures where class="no-photoswipe" - // get properties from child a/img/figcaption elements, - var $figure = $(this), - $a = $figure.find('a'), - $img = $figure.find('img'), - $src = $a.attr('href'), - $title = $img.attr('alt'), - $msrc = $img.attr('src'); - // if data-size on <a> tag is set, read it and create an item - if ($a.data('size')) { - var $size = $a.data('size').split('x'); - var item = { - src : $src, - w : $size[0], - h : $size[1], - title : $title, - msrc : $msrc - }; - console.log("Using pre-defined dimensions for " + $src); - // if not, set temp default size then load the image to check actual size - } else { - var item = { - src : $src, - w : 800, // temp default size - h : 600, // temp default size - title : $title, - msrc : $msrc - }; - console.log("Using default dimensions for " + $src); - // load the image to check its dimensions - // update the item as soon as w and h are known (check every 30ms) - var img = new Image(); - img.src = $src; - var wait = setInterval(function() { - var w = img.naturalWidth, - h = img.naturalHeight; - if (w && h) { - clearInterval(wait); - item.w = w; - item.h = h; - console.log("Got actual dimensions for " + img.src); - } - }, 30); - } - // Save the index of this image then add it to the array - var index = items.length; - items.push(item); - // Event handler for click on a figure - $figure.on('click', function(event) { - event.preventDefault(); // prevent the normal behaviour i.e. load the <a> hyperlink - // Get the PSWP element and initialise it with the desired options - var $pswp = $('.pswp')[0]; - var options = { - index: index, - bgOpacity: 0.8, - showHideOpacity: true - } - new PhotoSwipe($pswp, PhotoSwipeUI_Default, items, options).init(); - }); - }); -});
\ No newline at end of file + /* + Initialise Photoswipe + */ + var items = []; // array of slide objects that will be passed to PhotoSwipe() + // for every figure element on the page: + $('figure').each( function() { + if ($(this).attr('class') == 'no-photoswipe') return true; // ignore any figures where class="no-photoswipe" + // get properties from child a/img/figcaption elements, + var $figure = $(this), + $a = $figure.find('a'), + $img = $figure.find('img'), + $src = $a.attr('href'), + $title = $img.attr('alt'), + $msrc = $img.attr('src'); + // if data-size on <a> tag is set, read it and create an item + if ($a.data('size')) { + var $size = $a.data('size').split('x'); + var item = { + src: $src, + w: $size[0], + h: $size[1], + title: $title, + msrc: $msrc + }; + // console.log("Using pre-defined dimensions for " + $src); + // if not, set temp default size then load the image to check actual size + } else { + var item = { + src: $src, + w: 800, // temp default size + h: 600, // temp default size + title: $title, + msrc: $msrc + }; + // console.log("Using default dimensions for " + $src); + // load the image to check its dimensions + // update the item as soon as w and h are known (check every 30ms) + var img = new Image(); + img.src = $src; + var wait = setInterval(function() { + var w = img.naturalWidth, + h = img.naturalHeight; + if (w && h) { + clearInterval(wait); + item.w = w; + item.h = h; + // console.log("Got actual dimensions for " + img.src); + } + }, 30); + } + // Save the index of this image then add it to the array + var index = items.length; + items.push(item); + // Event handler for click on a figure + $figure.on('click', function(event) { + event.preventDefault(); // prevent the normal behaviour i.e. load the <a> hyperlink + // Get the PSWP element and initialise it with the desired options + var $pswp = $('.pswp')[0]; + var options = { + index: index, + bgOpacity: 0.8, + showHideOpacity: true + } + new PhotoSwipe($pswp, PhotoSwipeUI_Default, items, options).init(); + }); + }); +}); |