search

MurhafSousli / ngx-gallery

Angular Gallery, Carousel and Lightbox
https://ngx-gallery.netlify.app/
MIT License
609 stars 129 forks source link

Allowing the sliding of one image at a time using gestures #616

Open davide1995 opened 3 months ago

davide1995 commented 3 months ago

What is the expected behavior?

On mobile I would like that by sliding with my finger, not more than one image is transitioned, but one image at a time. This is similar to the way the user swipes in their phone gallery, for example.

What is the current behavior?

https://github.com/user-attachments/assets/3afdc9a0-ae79-4030-a39d-16db19a9a692

What are the steps to reproduce?

Try to swipe on a gallery on your Demo page with a mobile phone

What is the use-case or motivation for changing an existing behavior?

I have another project using version 7.1.2 and there also a fast swiping, slide an image at time. I would therefore like at least this behaviour to be configurable in GALLERY_CONFIG. Unfortunately, I could not find a parameter in the Doc to handle this request, so I assume it is no longer supported.

Which versions are you using for the following packages?

Angular: 17.1.0 Angular CDK: 17.2.1 Angular CLI: 17.1.3 Typescript: 5.3.2 Gallery: 11.0.0

Is there anything else we should know?

No

MurhafSousli commented 1 month ago

I found out a quick fix for this. add the following in your global styles

.g-slider {
  scroll-snap-stop: always;
}
davide1995 commented 1 month ago

Hi @MurhafSousli. I tried the workaround you mentioned but it's not working (even with !important)