Comments (7)
Protip if anybody else lands here, make sure your srcsets have commas :)
from lazysizes.
Well.... One second after filing the bug I realized that this seems to be an issue with chrome only.. The exception is not raised from lazysizes but from chrome.. So I guess you are not able to do something about it. :)
from lazysizes.
And I should URL-encode the URLs - so closing this issue...
from lazysizes.
Got the same error in console. Annoying.
What do you mean by "URL-encode the URLs" and how can I avoid chrome showing this for every image loaded?
from lazysizes.
You can fix this by not using white spaces in your URL. These characters are not allowed
from lazysizes.
hmmm. Yes. But I scripted my img-elements with:
'data-bgset': `
${filename}-100.jpg 100w,
${filename}-500.jpg 500w,
${filename}-900.jpg 900w,
${filename}-1100.jpg 1100w,
${filename}-1300.jpg 1300w,
${filename}-2000.jpg 2000w
`
so whitespaces are needed for the different sizes?
from lazysizes.
The output of ${filename} should not contain any whitespace. This is what aFarkas meant.
from lazysizes.
Related Issues (20)
- Lazy loading of SVG foreignObject after zoom animation.
- A bit confused as to how to get responsive images working? HOT 1
- Chrome Issue Logged - Audit Usage of navigator.userAgent
- Big gallery IOS performance issue
- Pausing Intersection effect when scrolling
- Images not showing when lazyload class is removed HOT 1
- How do I test it?
- safari 16 lqip stopped working, only low quality image is showing HOT 2
- Problem with Ajaxed Content and Unveilhooks
- Interferences with Modernizr
- supportScroll for headless navigator
- Demo site images load error 403 404 HOT 1
- lazySizes.loader.unveil(imgElem) Method does not show all images in page HOT 1
- lazySizes Object undefined in latest Safari HOT 1
- i have image injected inside outer world app. And this world app has vtex-lazyload based on lazysizes. And its configured as
- vtex-lazyload and lazysizes conflict
- PreloadAfterLoad should use "prefetch"
- Blur up image inline styles are lost
- Error: Element img is missing required attribute src. HOT 2
- parent-fit in fontFamily is ignored
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from lazysizes.