Lazy Load Img data-size: auto ?

Hi there, which lazy load plugin did you opt for? Is there not an option within that to define the auto sizing?

Nah BTW BJ Lazy Load

Been looking into how to change the lazy load image size but couldn't see an easy solution and the support for the plugin is non existent. You could always set your images to a max width of 640px, not ideal but would fix the issue.

https://github.com/aFarkas/lazysizes

https://generatepress.com/forums/topic/suggestion-for-generate-press-premium/

https://generatepress.com/forums/topic/featured-image-markup-on-archives/

This could help ?

I'm not seeing a jump? Is it happening on the home page?

Why not make the placeholder image the same size? Does it cause problems?

Every image has different height size width is 640 which is not a problem but height is a problem

I can't see a way of getting the placeholder image to take on the size of the image that is yet to be loaded. It is a problem when image sizes vary. But as Tom says i can't see the jump on most pages as it loads so fast.

Won't fix the problem but may ease it is this article for fading them in:

https://davidwalsh.name/lazyload-image-fade

The attribute the lazy loader is using in your case is: data-lazy-srcset

Please correct me if i am wrong

Added :

CSS

img {
	opacity: 1;
	transition: opacity 0.3s;
}

img[data-lazy-srcset] {
	opacity: 0;
}

Javascript

[].forEach.call(document.querySelectorAll('img[data-lazy-srcset]'), function(img) {
				img.setAttribute('srcset', img.getAttribute('data-lazy-srcset'));
				img.onload = function() {
					img.removeAttribute('data-lazy-srcset');
				};
			});

but nothing works opacity is still 0

I can't see either the code on the site or the lazy loader images? Have you removed this function now?

Enabling Again

hmmm.... would need some re-coding, but looking at this method (sorry) it won't work as it would effect the lazy placeholder image as well. May need to look for an alternative lazy load solution.

Np Lets make it Happen :)

I'll let you know if i find any better solutions ;)