Comments (2)
Hi @din1122 ! Sorry it has been quite a long time since you opened this issue. But I am glad to tell you that you can now tell the component not to preserve the aspect ratio of the images by setting the prop preserveAspectRatio
to false
. You can have a look at the doc in the Readme for more information. This should fix your problem
from vue-displacement-slideshow.
Hi @din1122 ! First, I am very happy to see you using the component
Yes I see the problem here. Actually, the images are displayed as we would use background-size:cover
in CSS. So the aspect ratio of the image is preserved...
I guess you will have to set the size of your section or to set the scale of your images according to the viewport.
Do you think that it would be better to set a prop like background-size
to contain
or cover
to manually set the behavior of the images displayed ?
from vue-displacement-slideshow.
Related Issues (17)
- SSR support HOT 11
- GoTo(index) and autoplay enhancements HOT 3
- can I start with the second image? HOT 2
- Resize not working HOT 1
- Create a site for the docs HOT 5
- Access current image index HOT 1
- Image will not switch immediately when next or previous continuously called HOT 1
- where is the images in the assets belongs to this repo? HOT 2
- would it be possible to apply the transition effect on a div rather than on images? HOT 1
- Camera aspect ratio HOT 1
- to anyone getting a black screen, you have to set a real height to the parent container
- Can't get the component to register in nuxt.js both manually copying it or importing HOT 4
- support for vue3 HOT 2
- canvas transparency HOT 6
- Getting require not defined errors, is it vite compatible ? HOT 4
- Dynamically control the slider HOT 3
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 vue-displacement-slideshow.