lazysizes icon indicating copy to clipboard operation
lazysizes copied to clipboard

Turn off trigger for mobile when blur up image in view

Open tom-byrom opened this issue 4 years ago • 1 comments

@aFarkas Hi mate,

Just read your comment from this old question saying how you use data-expand on your blur-up plugin.

I'm using the blur-up plugin and have used a media query to disable the transition and blur effects on mobile, as performance was not good.

For desktop its really nice.

My question is how do I turn the below trigger off for mobile? So it just behaves normally and respects the expand value I set for lazysizes. As at the minute it switches the image in with no effect (I tunred off for mobile) as you scroll to it - even though the image is already been fetched. I just want to be able to show the image without any sort of 'switch', because I'm not using the blur and transition on mobile.

In your comment from previous post

execute the CSS transition only as soon as the image is seen

tom-byrom avatar Aug 08 '20 17:08 tom-byrom

Any updates?

7iomka avatar Nov 13 '21 06:11 7iomka