diff options
author | Christoph Cullmann <cullmann@kde.org> | 2021-02-18 21:44:01 +0100 |
---|---|---|
committer | Christoph Cullmann <cullmann@kde.org> | 2021-02-18 21:44:01 +0100 |
commit | e9ec93a471d9a753db01b682e75c52b32adf16f2 (patch) | |
tree | 5f6d9a2b7d90852965b6d24f9db6a9198570c03b /themes/beautifulhugo/static/js/load-photoswipe.js | |
parent | bcafaafff80184537a3116de5341a8caa24d63f4 (diff) |
use LoveIt theme, self hosted
Diffstat (limited to 'themes/beautifulhugo/static/js/load-photoswipe.js')
-rw-r--r-- | themes/beautifulhugo/static/js/load-photoswipe.js | 74 |
1 files changed, 0 insertions, 74 deletions
diff --git a/themes/beautifulhugo/static/js/load-photoswipe.js b/themes/beautifulhugo/static/js/load-photoswipe.js deleted file mode 100644 index b76ba05..0000000 --- a/themes/beautifulhugo/static/js/load-photoswipe.js +++ /dev/null @@ -1,74 +0,0 @@ -/* -Put this file in /static/js/load-photoswipe.js -Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/ -*/ - -/* 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 |