slidesPerView set to auto doesn't resize images (fluid)
See original GitHub issueYo,
Here’s my config:
var mySwiper = $('.swiper-container').swiper({
slidesPerView: 'auto',
keyboardControl: true,
centeredSlides: true,
calculateHeight: true,
autoResize: true,
mode: 'horizontal',
loop: false
});
Having an issue where when I resize, the images start to stack on top of eachother and will not resize to the viewport width, the dynamically created width remains at 714px
(the image default width).
Is there any setting I am missing that fixes this? If I set the options to slidesPerView: 'auto'
then the responsive/fluid resize works perfectly - just won’t work with 'auto'
.
Issue Analytics
- State:
- Created 10 years ago
- Comments:10 (4 by maintainers)
Top Results From Across the Web
Swiper slider not working unless page is resized
Swiper's sliders, in order to work properly, requires you to either: Initialize them when they are visible; Update them when they get ...
Read more >Insert and edit images in Dreamweaver - Adobe Support
Learn how to insert, edit, replace, and resize images and image placeholders in your web pages in Dreamweaver.
Read more >Auto resize image to fill container div - JavaScript - SitePoint
I'm working on a fluid-layout website with two main divs side-by-side at 50% width each. One of these divs is split horizontally with...
Read more >Changing the slidesPerView parameter from 1 to auto ... - Muut
Hello, I would like to change the slidesPerView parameter on so I can ... slidesPerView from 1 to 'auto' does not shrink the...
Read more >Fluid Images | Email Design Reference
Fluid Images. Having your images resize on small screens is one of the most important benefits of using media queries, especially where email...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I am also interested . Can you post or send me the CSS solution please ?
Thanks.
Up