summaryrefslogtreecommitdiff
path: root/themes/beautifulhugo/static/js/load-photoswipe.js
diff options
context:
space:
mode:
authorChristoph Cullmann <cullmann@kde.org>2021-02-18 21:44:01 +0100
committerChristoph Cullmann <cullmann@kde.org>2021-02-18 21:44:01 +0100
commite9ec93a471d9a753db01b682e75c52b32adf16f2 (patch)
tree5f6d9a2b7d90852965b6d24f9db6a9198570c03b /themes/beautifulhugo/static/js/load-photoswipe.js
parentbcafaafff80184537a3116de5341a8caa24d63f4 (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.js74
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