Hi @fernandomseo and @patrickcruz. I just came across this thread because I’m also having issues with the Lazy Load plugin for some pages on a site using the BeTheme theme.
Specifically, the blog posts page. With Lazy Load enabled, most of the featured images on the blog post page looked like this:
<img width="354" height="199" src="" class="scale-with-grid wp-post-image" alt="" itemprop="image" data-lazy-src="CORRECT_IMAGE_URL" data-lazy-srcset="CORRECT_IMAGE_SRCSET">
although some had src=(unknown)
.
Two things to consider:
1) The wrapper around .image_frame .image_wrapper
has overflow
set to hidden
. If this is turned off, the images load.
2) Alternatively, if you keep overflow
set to hidden
, but add some minimum height to the container or image, then the images will load:
e.g.
.image_frame.post-photo-wrapper .image_wrapper {
min-height: 21px;
}
or
.image_frame.post-photo-wrapper .image_wrapper img {
min-height: 15px;
min-width: 15px;
}
I found that the images needed to be at least 15px tall in my specific case, or the wrappers at least 21px tall. I have no idea why.
I’d be interested to know if the Plugin Author had some kind of explanation for this, aside from maybe Lazy Load checks whether an would be visible before loading it.
Hopefully this fixes the issue for someone.