nolimits4web
Option to easily hide a slide without removing it
Clear and concise description of the problem
It would be really nice, if there was an option to hide a slide without having to remove it. For example so that you could have different images for mobile/desktop. Currently if you just set the hidden slides to display: none it will not work.
Suggested solution
Maybe just a simple class that if a slide has it, its ignored by the swiper
Alternative
No response
Additional context
No response
Validations
- [X] Follow our Code of Conduct
- [X] Read the docs.
- [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
Would you like to open a PR for this feature?
- [ ] I'm willing to open a PR
It would be perfect if you could hide a slide and the carousel would close the empty space with an animation.
this is something i needed. my app uses template driven forms in angular and data is populated by fields that are in the dom - so removing fields from the dom ruined the form functionality. if it was possible to hide certain slides from view and have them ignored by swiper - this would be perfect.
for now ive reverted from using the swiper-slide elements and am using standard html css - removing the .swiper-slide class and adding .hidden (using tailwind) when i don't want the slide recognised as an actual slide.
