Sync/hugo-theme-stack
1
0
Fork 1
mirror of https://github.com/CaiJimmy/hugo-theme-stack.git synced 2025-04-29 03:53:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(gallery): add openGallery method

Browse Source
This commit is contained in:
Jimmy Cai 2020-12-22 00:27:36 +01:00
parent 2e1633b807
commit 7ca67456b4
1 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
assets/ts/gallery.ts
View File

@ -115,6 +115,22 @@ class StackGallery {
return Promise.all(tasks); return Promise.all(tasks);
} }
private openGallery(index: number) {
const pswp = document.querySelector('.pswp') as HTMLDivElement;
const ps = new window.PhotoSwipe(pswp, window.PhotoSwipeUI_Default, this.items, {
index: index,
getThumbBoundsFn: (index) => {
const thumbnail = this.items[index].el.getElementsByTagName('img')[0],
pageYScroll = window.pageYOffset || document.documentElement.scrollTop,
rect = thumbnail.getBoundingClientRect();
return { x: rect.left, y: rect.top + pageYScroll, w: rect.width };
}
});
ps.init();
}
private initPS() { private initPS() {
const pswp = document.querySelector('.pswp') as HTMLDivElement; const pswp = document.querySelector('.pswp') as HTMLDivElement;
pswp.style.removeProperty('display'); pswp.style.removeProperty('display');
@ -124,20 +140,7 @@ class StackGallery {
a.addEventListener('click', (e) => { a.addEventListener('click', (e) => {
e.preventDefault(); e.preventDefault();
this.openGallery(index);
const pswp = document.querySelector('.pswp') as HTMLDivElement;
const ps = new window.PhotoSwipe(pswp, window.PhotoSwipeUI_Default, this.items, {
index: index,
getThumbBoundsFn: (index) => {
const thumbnail = this.items[index].el.getElementsByTagName('img')[0],
pageYScroll = window.pageYOffset || document.documentElement.scrollTop,
rect = thumbnail.getBoundingClientRect();
return { x: rect.left, y: rect.top + pageYScroll, w: rect.width };
}
});
ps.init();
}) })
} }
} }