f.weber/jekyll-theme-chirpy
Template
1
0
Fork 0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-12-19 14:14:17 +00:00
Code Issues Packages Releases Activity

chore(deps): use lazysizes to load images

Browse Source
This commit is contained in:
Cotes Chung
2022-12-09 07:03:13 +08:00
parent 7651d2851b
commit ca41c7ebff
10 changed files with 26 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
_javascript/utils/img-extra.js
View File

@@ -1,6 +1,5 @@
/**
Lazy load images (https://github.com/ApoorvSaxena/lozad.js)
and popup when clicked (https://github.com/dimsemenov/Magnific-Popup)
Set up image popup stuff (https://github.com/dimsemenov/Magnific-Popup)
*/
$(function () {
@@ -10,12 +9,6 @@ $(function () {
return;
}
/* lazy loading */
const imgList = document.querySelectorAll(`${IMG_SCOPE} img[data-src]`);
const observer = lozad(imgList);
observer.observe();
/* popup */
$(`${IMG_SCOPE} p > img[data-src], ${IMG_SCOPE} img[data-src].preview-img`).each(