Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.08.2018, 00:34
Аватар для madeas
Профессор
Отправить личное сообщение для madeas Посмотреть профиль Найти все сообщения от madeas
 
Регистрация: 13.04.2018
Сообщений: 232

Простенький слайдер на jQuery UI
Привет всем.
Подскажите, как из этого сделать простенький слайдер с UI jQuery. Нужна именно функция drag для перелистывания. В слайдере, около 6 блоков, из них 3 видны сразу. Смотрел это https://jqueryui.com/slider/, но не пойму как из этой полоски сделать полноценный слайдер.
Ответить с цитированием
  #2 (permalink)  
Старый 29.08.2018, 09:41
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

madeas,
draggable движение по инерции
Ответить с цитированием
  #3 (permalink)  
Старый 29.08.2018, 09:43
Аватар для madeas
Профессор
Отправить личное сообщение для madeas Посмотреть профиль Найти все сообщения от madeas
 
Регистрация: 13.04.2018
Сообщений: 232

Rise,
рони,
в основе slick вроде лежит та же функция
Ответить с цитированием
  #4 (permalink)  
Старый 29.08.2018, 09:47
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

madeas,
надо смотреть, вариантов реализации одного и того же, может быть много, slick скорее всего использует своё решение.

Последний раз редактировалось рони, 29.08.2018 в 15:36.
Ответить с цитированием
  #5 (permalink)  
Старый 29.08.2018, 20:38
Аватар для madeas
Профессор
Отправить личное сообщение для madeas Посмотреть профиль Найти все сообщения от madeas
 
Регистрация: 13.04.2018
Сообщений: 232

А можно как-то дописать скрипт (пост 3), чтобы слайды переключались и на планшете? Ставил DnD на ui на другом сайте, но на планшете контейнер не перетаскивается. Со слайдером так же. Или на ui это невозможно ?
Rise,
Я имел ввиду draggable

Последний раз редактировалось madeas, 29.08.2018 в 20:42.
Ответить с цитированием
  #6 (permalink)  
Старый 29.08.2018, 21:23
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Сообщение от madeas
А можно как-то дописать скрипт
можно ... но проще взять готовый слайдер
Ответить с цитированием
  #7 (permalink)  
Старый 29.08.2018, 21:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

madeas,
добавьте после ui
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>
Ответить с цитированием
  #8 (permalink)  
Старый 29.08.2018, 21:48
Аватар для madeas
Профессор
Отправить личное сообщение для madeas Посмотреть профиль Найти все сообщения от madeas
 
Регистрация: 13.04.2018
Сообщений: 232

Сообщение от рони Посмотреть сообщение
можно ... но проще взять готовый слайдер
проще конечно, но хочется хоть чему-то научиться и не нагружать сайт кучей скриптов.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
GSAP слайдер без jquery возможно ли? Aleksanderj Библиотеки/Тулкиты/Фреймворки 5 19.09.2015 03:05
Jquery ui-slider & Jquery selectbox, Слайдер срабатывает всего 1 раз Micher jQuery 4 31.01.2014 13:07
Слайдер с помощью CSS и jQuery - 1000 р. stixia007 jQuery 21 27.03.2013 22:44
jquery слайдер, анимация при переключении вкладки KiTaeZa Events/DOM/Window 1 05.09.2011 20:52
jQuery UI Slider - как синхронизировать слайдер со значнием? frightened jQuery 0 24.07.2011 00:19