jqueryLazy not triggering when images gets visibles via css changes

Question

I have a bunch of images, say 100 images, in a web page, and only 10 are visible without scrolling the page. The first 90 images have a "myclass" class.

I manage all images with jquery lazy (http://jquery.eisbehr.de/lazy/), and it works perfecty if I scroll the window.

However, If I make $(".myclass").hide() before scrolling down, I see the last 10 images, which don't have the "myclass" class, bug jquery lazy doesn't "reveal" them.

Why?

Paolo Benvenuto · Accepted Answer · 2022-02-07 18:26:54Z

0

Because lazyload triggers on scroll events.

$(window).scroll() (which triggers the scroll event on the window) is enough to solve the issue.

If the scrollable div is not the window object, use it instead of $(window).

answered Feb 7, 2022 at 18:26

Paolo Benvenuto

4176 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jqueryLazy not triggering when images gets visibles via css changes

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related