- July 4, 2020 at 4:23 am #280943
I am having trouble lazyloading the masonry bricks in the Glint theme. I’m able to successfully lazyload my masonry photos, but the masonry photos overlap and stack up over each other. This is probably because the masonry script doesn’t know the dimensions of the photos in advance, since they’re not loaded in at first.
I would appreciate help with getting lazyloading working for the Glint theme, as I’ve been unable to do so.
I’ve attached a cut-down version of the default Glint template with lazyloading set up the same way it is in my project. This should give you an idea of what my problem is and how to fix it.July 4, 2020 at 4:31 am #280944
In case the post didn’t attach my example, here it is again.
Attachments:July 6, 2020 at 5:34 am #281023
May I take a look at the live website? please provide url and I will check itJuly 7, 2020 at 3:52 am #281109
I currently do not have my website’s masonry set up that way, since that would make it difficult to view the images. It would make my website difficult to use during this time, so I don’t want to demonstrate on my live site if it is avoidable.
The sample I gave you in my previous message was slightly broken, but I’ve attached a new one to this message. It should be a perfect representation of the problem, because the code is the same as my live site. The first half of the photos have their thumbnails lazyloaded and have been overlapped over each other (this is the problem), and the other half of the photos do not have their thumbnails lazyloaded.
This is a perfect representation of my problem. I want to lazyload these thumbnails, but the masonry overlaps them over each other. I believe this is because it doesn’t know the dimensions of the lazyloaded thumbnails in advance.
The overlapped photos correct themselves when you resize the browser window. This means that the solution should be some sort of “update” function to the masonry or lazyload scripts.
Attachments:July 7, 2020 at 4:44 am #281114
Here is a live site of that demonstration for convenience. https://testcodeaccount2.github.io/lazyload-masonry-demo/July 7, 2020 at 8:57 am #281148
Yes, I see it now, this is a conflict with the Lazy load script, I was not able to found a solution, what I can do is to sent this problem to the developer, unfortunately, I don’t have any workaround at this momentJuly 7, 2020 at 4:56 pm #281207
I would appreciate help from the developer. Any help would be appreciated.July 8, 2020 at 7:34 am #281245This reply has been marked as private.July 8, 2020 at 3:57 pm #281277
I understand.July 9, 2020 at 7:05 am #281314
Thank you for understanding Oyama, it’s very appreciated
- You must be logged in to reply to this topic.