Сделать слайдер touch-friendky

S
На сайте с 24.08.2015
Offline
43
293

Подскажите, что добавить к коду данного слайдера https://www.rudebox.org.ua/slideshow-with-parallax-effect/ , чтобы сделать его touch-friendly? Заранее спасибо!

S
На сайте с 24.08.2015
Offline
43
#1

Имеется в виду переключение слайдов swipe-жестами

S
На сайте с 30.09.2016
Offline
459
#2

Никак не сделать.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
IL
На сайте с 20.04.2007
Offline
412
#3
Sitealert:
Никак не сделать.

Провокатор )))

samdo, не сдавайтесь..

Можете погуглить js onswipe..

Прикрутить https://api.jquerymobile.com/swipe/

В общем-то, реализуемо ))

S
На сайте с 30.09.2016
Offline
459
#4
ivan-lev:
Провокатор

Нет, я просто код посмотрел. Это CSS-слайдер.

S
На сайте с 24.08.2015
Offline
43
#5
Sitealert:
Нет, я просто код посмотрел. Это CSS-слайдер.

Ну к нему же можно дабавить js.

S
На сайте с 30.09.2016
Offline
459
#6
samdo:
Ну к нему же можно дабавить js.

Тогда это будет другой слайдер. Тогда уж взять js-слайдер и добавить css. Или сразу нужный слайдер найти, их на свете туева хуча.

S
На сайте с 24.08.2015
Offline
43
#7
Sitealert:
Тогда это будет другой слайдер. Тогда уж взять js-слайдер и добавить css. Или сразу нужный слайдер найти, их на свете туева хуча.

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

IL
На сайте с 20.04.2007
Offline
412
#8
samdo:
Не думал, что это проблематично, думал, что добавление нескольких строчек кода будет достаточно для решения задачи

Примерно так и есть. Первая строчка - какой-нибудь минифицированный jquerymobile.. вторую - осталось дописать самостоятельно.. Что-то вроде:


jQuery( Что-тотут).on( "swipeleft", function( event ) {
леваякнопка.click();
}

Аналогично - для правой кнопки.. Ну, и если артефакты вылезут.. или работать не будет.. или другой свайп поискать.. или..

D.iK.iJ
На сайте с 26.05.2013
Offline
177
#9

.sp-content {overflow: auto;}

Но листать как слайдер он уже не будет. Ну или писать какой-то скрипт на свайпы и привязывать к действиям.

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).

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