Подскажите адаптивный слайдер

Алексей Теплов
На сайте с 30.12.2019
Offline
52
307

Здравствуйте!

Нужен простой адаптивный слайдер с горизонтальной каруселью и двумя кнопками вперёд-назад и перетаскивание мышкой со следующими параметрами:

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

Проблема в том что слайды могут быть разных размеров! Я получаю через API json там 20 слайдеров по 20 слайдов в каждом, я насчитал 6 размеров, к счастью слайды в одной карусели одного размера. Слайдеры я подгружаю динамично по мере прокрутки станицы...



Елена П.
На сайте с 02.10.2020
Offline
56
#1
Алексей Теплов :
перетаскивание мышкой со следующими параметрами

Может я что то не поняла ? Зачем перетаскивать мышкой ?  Может со свайпом ? 


Я себе написала сама слайдер. Слайды размеров любых , фоть текст, хоть фото, хоть фото с текстом, хоть видео. 

Алексей Теплов
На сайте с 30.12.2019
Offline
52
#2
Елена П. #:
Может со свайпом ?
Я не знаю как это называется, возможно и свайп... Ну чтоб слайдер и мышкой на ПК и пальцем на телефоне прокручивался...
M
На сайте с 17.06.2021
Offline
79
#3
https://codepen.io/deoostfreese/pen/GRqdEPY

а про параметры сразу не прочитал, ну есть такой под рукой, а специально искать лень
Bybit крипто биржа https://partner.bybit.com/b/58507 /// Зарубежные VPS с оплатой РФ картами https://aeza.net/?ref=416422 (+15% к пополнению) //// Обучаем нейронки на сайте https://f4ck41.fun/
Алексей Теплов
На сайте с 30.12.2019
Offline
52
#4

Мне такой не подходит, там всего 1 слайд на экране, таких слайдеров полно. Второй день гуглю, не нашёл пока не чего подходящего...

Мне надо чтоб слайдер мог показать от 1 и например до 10 слайдов на экране, в зависимости от размера экрана и слайдов.

D
На сайте с 02.02.2010
Offline
148
#5

https://owlcarousel2.github.io/OwlCarousel2/demos/responsive.html


Кнопки в настройках можно задать.
Auto Width Demo | Owl Carousel | 2.3.4
  • David Deutsch
  • owlcarousel2.github.io
Use width style on elements to get the result you want. If using with infinity loop add option 'items' more than 1. It all depends on the width of your content.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий