Comments (8)
Closing as in the current version fit
simply affects how the image URL is produced - it has no effect on the CSS object-fit
property.
from image.
Just to mention, the module still in WIP, and I don't recommend using it in production, The first alpha release will be out soon and it has some BREAKING CHANGES for good reasons 👍
from image.
Thank you @farnabaz ,
can't wait to see the new release and use it in prod
in the meantime thank you!!
from image.
Hi guys,
same error here <nuxt-image fit="contain"....
output object-fit: cover;
any thoughts?
Amazing module btw, thank you for your help!
from image.
I can also confirm this is happening.
from image.
The fit
property does not use to change object-fit
CSS property, Nuxt image using it to resize and scale the image.
from image.
Anyway @dloused if you still need to fix it, just force it by using css.
from image.
How do I set the image height for the image-resize function (not the css property mentioned above)?
Setting the path to eg http://localhost:3000/_image/ipx/local/_/s_180_180_inside/img.jpeg
works great, but sizes="180 180"
has no effect.
from image.
Related Issues (20)
- TypeError: Cannot read properties of undefined (reading 'startsWith') HOT 4
- Lazy loading still loads all images after first page load HOT 5
- NuxtImg not show image when install with Bun HOT 4
- nuxt2: unable to load SVGs from S3 HOT 2
- image.dir Does not work in production HOT 3
- Responsive images, images based on breakpoint HOT 1
- NuxtImg can NOT load images file which located in assets folder
- How can i generate static images using storyblok as provider ? HOT 1
- Images cannot be parsed when obtained through event handlers
- Images not loading on Netlify HOT 7
- Bug in NuxtImg sizes configuration: Incorrect default size assignment HOT 4
- Bug in NuxtImg sizes configuration: Incorrect default size assignment #2
- Notion s3 url images can't be used HOT 4
- NuxtPicture doesn't accept resize in modifiers
- loading="lazy" don't work HOT 1
- Problem with generating WebP images and modern formats. HOT 1
- Prismic provider with netlify HOT 2
- Remote image path to s3 bucket is not working using Nuxt2 HOT 1
- Disable auto-detection of a specific provider HOT 1
- Missing fit modes on cloudinary provider, and existing ones are wrongly mapped HOT 4
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 image.