How to make image slider skip intermediate steps when jumping between slides?
Hello everyone,
I have implemented an image slider in my Angular application, and it is working fine. However, I would like to modify its behavior when jumping directly between non-adjacent slides using the round navigation buttons below the slider.
Currently, when I move from one image to another (e.g., from the 4th image to the 2nd image), the slider shows all intermediate images as it transitions. I would like the slider to skip these intermediate steps and smoothly glide directly from the current image to the target image, displaying only the two images involved in the transition (the starting and ending images).
What is a way to implement this?
Thank you for your help
Here is a working Stackblitz Demo: https://stackblitz.com/edit/stackblitz-starters-5jhdvj?file=src%2Fmain.ts
coder-91
StackBlitz
ImageSlider - StackBlitz
An angular-cli project based on @angular/animations, @angular/common, @angular/compiler, @angular/core, @angular/forms, @angular/platform-browser, @angular/platform-browser-dynamic, @angular/router, core-js, rxjs, tslib and zone.js
0 Replies