v-lazy-image icon indicating copy to clipboard operation
v-lazy-image copied to clipboard

background images lazy loading

Open AlexeyShaykov opened this issue 6 years ago • 4 comments

@andreynazarov3, Thanks for your work. How about lazy loading background-image for div?

AlexeyShaykov avatar Jul 23 '18 07:07 AlexeyShaykov

Hmm... couldn't you place this component inside the div? What's exactly the requirement?

alexjoverm avatar Jul 23 '18 10:07 alexjoverm

@alexjoverm no i`m toking about lazy background-image loading, like css attribute. Some block have img like background, first loading small background image with blur, and then loading big background image.

<div v-bg-lazy= "{ 'miniBgImg' : '/...', 'bigBgImg': '/...' }"  

AlexeyShaykov avatar Jul 23 '18 11:07 AlexeyShaykov

Could be useful to play with background position, like

background-position:center center;
background-repeat:no-repeat;
background-size:cover;

rocchidavide avatar Jun 25 '19 15:06 rocchidavide

I think that'd require some rework in the library... I'm open to ideas if you want to go for it

alexjoverm avatar Feb 13 '22 20:02 alexjoverm