I'm trying to implement Infinite Scroll by "infinite-scroll.com" along with the bLazy library, Actually, I am using multiple jQuery libraries together for example:
- Isotope
- Packery-mode
- Infinitescroll
The first-page loading without issues, but when I scroll down to "load lore" content automatically with the infinite scroll, the images get blanked and show only a white background.
The callback responsible for the process:
var Elems = $(newElems).css('opacity', 0);
Elems.animate({opacity: 1});
CaculateThumbSize('appended', Elems);
$(".allgames").isotope('appended', $(newElems));
});
Here is an example of what I see:
I tried everything possible, no luck, even in the Infinite Scroll Doc they never mentioned how to lazyload images with Infinite Scroll ):
Any help is appreciated. Thank you