v-lazy-image | Lazy load images using Intersection Observer , apply | Frontend Framework library
kandi X-RAY | v-lazy-image Summary
kandi X-RAY | v-lazy-image Summary
Lazy load images using Intersection Observer, apply progressive rendering and css animations.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of v-lazy-image
v-lazy-image Key Features
v-lazy-image Examples and Code Snippets
Community Discussions
Trending Discussions on v-lazy-image
QUESTION
I'm using this plugin to create a portfolio gallery on a single page components application but I'm stuck loading the images from a relative path, it works fine if I use a full URL path.
When I use the full URL the image Loads and loose the blur as expected, instead when I use a relative path the image load but it keeps blurred and it doesn't load the class .v-lazy-image-loaded into the image tag. Any Ideas? here is the code.
LazyImage.vue
...ANSWER
Answered 2018-Jun-02 at 08:27I noticed this was caused by bug in the component code:
if (this.$el.src === this.src) {
should be replaced by
if (this.$el.getAttribute('src') === this.src) {
I've sent pull request for this.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install v-lazy-image
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page