Bind lazy load to new images loaded with ajax

Posted in: Newspaper
Post count: 2
MartijnJS
#140507
Oct 25, 2016 at 4:58 pm

I have lazy loading enabled in my Newspaper theme. I’m implementing some custom ajax tables with images. The images are not loaded because I assume I have to bind lazyloading to the images loaded with ajax. I cannot find which Lazy Load script you’re using. How can I bind new images to lazyloading.

Thanks!

Post count: 22421
Bogdan B.
#140579
Oct 26, 2016 at 10:00 am

Hello,

The lazyload in our theme is a simple animatiopn, not the standard lazyload that loads images as you scroll to it. It is an animation effect. That is why it’s refereed to as “image loading effects” It will use the image class of td-animation-stack Here is where the js function is being created: http://screencast.com/t/Ag7NdVgzPP

Thank you!

Post count: 2
MartijnJS
#140665
Oct 26, 2016 at 5:18 pm

Thanks for the answer.

It took some time but I’ve got it working. After the content fetched by AJAX is succesfully rendered you have to reinit the lazyload function. This can be done by the following JS-code:

window.tdAnimationStack.reinit();

  • This reply was modified 9 years by MartijnJS.
  • This reply was modified 9 years by MartijnJS.
Viewing 3 posts - 1 through 3 (of 3 total)
You must be logged in to reply to this topic.