Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.05.2018, 20:19
Аспирант
Отправить личное сообщение для LLIypuk Посмотреть профиль Найти все сообщения от LLIypuk
 
Регистрация: 23.07.2015
Сообщений: 48

3D-карусель.
Всем привет. Решил сделать на своем сайте слайдер-карусель. Ньюанс в том, что форма и расположение каждого элемента карусели различаются и должны плавно переходить от одной к другой форме. Пример https://www.jqueryscript.net/demo/Mi...l-jQuery-CSS3/ (однако пример не подходит для реализации, так как в нем нет множества нужных функций. это как визуальный пример). То-есть получается что каждый активный слайд из нескольких должен иметь собственный class с возможностью плавного перехода. Собственно выбор стоит между owl-carousel и swiper-sliderю Однако не пойму как реализовать подобное в примере с помощью этих слайдеров.
Ответить с цитированием
  #2 (permalink)  
Старый 04.05.2018, 21:06
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

LLIypuk,
в чём проблема?
Ответить с цитированием
  #3 (permalink)  
Старый 04.05.2018, 23:37
Аспирант
Отправить личное сообщение для LLIypuk Посмотреть профиль Найти все сообщения от LLIypuk
 
Регистрация: 23.07.2015
Сообщений: 48

Собственно проблема в том, что не совсем понятно как реализовать карусель как в примере выше, но через топовый jquery-плагин наподобие owl-carousel или swiper-slider (которые вроде как лучше всего подходят для реализации подобного примера)
Ответить с цитированием
  #4 (permalink)  
Старый 04.05.2018, 23:48
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

LLIypuk,
не понимаю в чём проблема ...
http://www.bestjquery.com/demo/3d-slider-carousel/
Ответить с цитированием
  #5 (permalink)  
Старый 04.05.2018, 23:53
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

j0hnik,
Ответить с цитированием
  #6 (permalink)  
Старый 04.05.2018, 23:56
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

рони,
не так понял, про топовый JQuery
Ответить с цитированием
  #7 (permalink)  
Старый 05.05.2018, 00:06
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

LLIypuk,
https://owlcarousel2.github.io/OwlCa...os/center.html
полистайте документацию, там есть класс center и класс active, какие еще классы вам нужны?
Ответить с цитированием
  #8 (permalink)  
Старый 05.05.2018, 09:40
Аспирант
Отправить личное сообщение для LLIypuk Посмотреть профиль Найти все сообщения от LLIypuk
 
Регистрация: 23.07.2015
Сообщений: 48

В этом и проблема. В Owl можно задать класс только центральному блоку, а в идеале хотелось бы чтобы свой собственный класс был задан каждому активному блоку.
Ответить с цитированием
  #9 (permalink)  
Старый 05.05.2018, 10:24
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

LLIypuk,
Предполагаю что это вам нужно для ротации блоков, но есть центр, то prev() и next() его соседи итд.

Последний раз редактировалось j0hnik, 05.05.2018 в 10:26.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Создать карусель Гаджи jQuery 4 01.09.2015 19:32
Фильтр сортировки съедает карусель ligisayan jQuery 5 01.07.2015 12:40
Карусель. Бесконечная прокрутка. raffx Events/DOM/Window 2 17.07.2014 16:24
Помогите найти нужную карусель. prowoke Общие вопросы Javascript 7 21.07.2011 22:28
Подскажите карусель, которая работает без какого либо фреймворка Khmelevsky Библиотеки/Тулкиты/Фреймворки 2 25.04.2010 12:45