I want to create Slider using Swiper (and Autoplay module) with appearing and hiding all slides one-by-one (something like currency ticker) without loop. Both versions (vertical and horizontal).
In other words Slider should start movement from the right/bottom edge (from the end) of the wrapper and should “finish” movement when the last slide reaches the beginning/top of the wrapper.
I need such a ticker in vertical and horizontal versions, but for the horizontal version I don’t know the width of every slide (it can be various), I only know the width and height of the Slider-wrapper.
Now I have such a configuration
autoplay={{
delay: 0,
stopOnLastSlide: true,
}}
speed={1000}
direction={isVertical ? 'vertical' : 'horizontal'}
slidesPerView={isVertical ? 10 : 'auto'}
allowTouchMove={false}
slidesOffsetAfter={*here height of wrapper for vertical version*}
slidesOffsetBefore={*here height of wrapper for vertical version*}
For vertical version slidesOffsetBefore
works good at the beginning of movement, but at the end of movement ticker immediately hide all last 10 slides (but I need they should hide one by one).
Sure for vertical version (where I know height of every slide) I can add to my array 10 empty slides to the beginning and end of the array, but this is a bad solution and will work only for vertical version.
Is it possible to create with any methods of the Swiper library itself?
Thank you.