Comments (7)
Hi Raju,
Could you clarify your question?
Otherwise all should work fine
from just-responsive-images.
For ex: https://www.knowledgeservices.com/about-us/
The hero image on this page is defaulting to the mobile resolution. It was <picture>
tag before, but I changed it to use <img>
.
What do you suggest in this situation in terms of JRI config etc so that the smallest image is not loaded as the backup because it's too small to fit in the container.
Is that JS file you're mentioning an additional code we need to find somewhere and add to site?
from just-responsive-images.
https://scottjehl.github.io/picturefill/ - it seems this is the js, which is required in lower IE versions.
I will ask our frontend guru on Monday to be sure.
As I can see the picture tag is generated correctly.
from just-responsive-images.
@aprokopenko Can you point me to any Production sites you know are using JRI?
from just-responsive-images.
@aprokopenko Thanks for sharing the link to that <picture>
polyfill, it works.
On that note, what do you think about adding that dependency in JRI?
from just-responsive-images.
Not all sites has support of IE10/11. We support only Edge by default.
Modern web starter kits use require.js and has this dependency inside. So if you need your theme to support picture in IE 10/11 - then you should know the compatibility issues and how to fix them.
from just-responsive-images.
Sounds good @aprokopenko, thank you for the insights.
from just-responsive-images.
Related Issues (19)
- Retina support HOT 1
- SVG support HOT 1
- Feature to cleanup all resized and cropped images from uploads directory HOT 1
- Add ability to view available image sizes HOT 1
- Image sizes cache/fastboot HOT 2
- Image sizes. HOT 1
- Array variables for defining image sizes unclear HOT 24
- Help Required/Wiki Offer HOT 3
- How to handle increasing file size load? HOT 14
- Suggestion: Can you expose a filter to set picture or img tag globally? HOT 2
- Gutenberg Compatibility?
- Performance issues when using rwd_attachment_background HOT 10
- Predefined RWD size set is not available
- Art direction HOT 7
- Images not appearing in Internet Explorer 11 when there is only one size HOT 2
- How to use different images at different sizes HOT 3
- Full image size in src attribute HOT 4
- webP / AVIF Support HOT 1
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 just-responsive-images.