Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add photoswipe

Browse Source
This commit is contained in:
Jeremy Thomas
2024-06-11 03:03:31 +01:00
parent 6cebea9ce2
commit b84d16890f
2 changed files with 19 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
docs/assets/javascript/shop.js
View File

@@ -533,11 +533,22 @@ document.addEventListener("DOMContentLoaded", () => {
if (images) {
images.forEach(img => {
const $figure = El("shop-product-image image is-square", "figure");
const $figure = El("shop-product-image image is-square", "a");
$figure.href = img.url;
$figure.dataset.pswpHeight = img.height;
$figure.dataset.pswpWidth = img.width;
$figure.target = "_blank";
const $img = document.createElement("img");
$img.src = img.url;
$figure.appendChild($img);
$carousel.appendChild($figure);
const lightbox = new window.PhotoSwipeLightbox({
gallery: '.shop-product-image',
pswpModule: window.PhotoSwipe
});
lightbox.init();
});
$images.appendChild($carousel);