Сделать jssor карусель по-настоящему отзывчивой

Question

Ну, я не ожидаю, что кто-то еще, кроме самого jssor, поможет мне с лучшим плагином слайдера изображений, который он сделал (jssor помог мне ранее в stackru). Я хотел, чтобы карусель jssor была гибкой в ​​плане уменьшения количества изображений, показанных на слайде. На данный момент размер изображений внутри карусели уменьшается с переходом на устройства с меньшим разрешением. Однако в какой-то момент эти изображения выглядят очень маленькими и нежелательны. Эта проблема может быть исправлена, если мы уменьшим количество изображений, отображаемых внутри карусели для небольших экранов. Например, если мы показываем 5 изображений на большом экране, как мы показываем только 2 для значительно меньших экранов?

Жду от тебя jssor!!! Продолжайте в том же духе!

Answer 1

Вы знаете, что все элементы в ползунке будут масштабироваться при изменении размера окна.

Когда вы устанавливаете небольшой размер слайдера, и он масштабируется до большего размера, стрелки выглядят больше.

2 способа предотвратить его увеличение.

Во-первых, увеличьте оригинальный размер слайдера, это предотвратит показ слайдера в большом масштабе.

во-вторых, подавить стрелки от масштабирования явно с data-noscale="1",

<span data-u="arrowleft" class="jssora13l" style="top:0px;left:30px;width:40px;height:50px;" data-noscale="1"></span>
<span data-u="arrowright" class="jssora13r" style="top:0px;right:30px;width:40px;height:50px;" data-noscale="1"></span>

Пример: подавить стрелки от масштабирования - ползунок jssor