Aroy/Rinkusu
1
1
Fork 0
mirror of https://github.com/Aroy-Art/Rinkusu.git synced 2025-04-28 18:17:48 +02:00
Code Issues 7 Projects Releases Packages Wiki Activity

Fix masonry so it works if there are multiple grids on the same page

Browse source
This commit is contained in:
Aroy-Art 2024-02-12 20:40:21 +01:00
parent 3de9992298
commit 1ce8d3af37
Signed by: Aroy
GPG key ID: 583642324A1D2070
3 changed files with 14 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

22
assets/js/script.js
View file

@ -15,18 +15,20 @@ observer.observe();
/* ========================================================================= */
/* init Masonry for blog list
/* ========================================================================= */
var grid = document.querySelector('.blog-post');
var grids = document.querySelectorAll('.masonry-grid');
if (grid) {
var msnry = new Masonry(grid, {
percentPosition: true
});
grids.forEach(function(grid) {
if (grid) {
var msnry = new Masonry(grid, {
percentPosition: true
});
imagesLoaded(grid).on('progress', function() {
// layout Masonry after each image loads
msnry.layout();
});
}
imagesLoaded(grid).on('progress', function() {
// layout Masonry after each image loads
msnry.layout();
});
}
});
/* ========================================================================= */
/* Image Preloader