Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Вертикальная owl карусель с дополнительным фото. CSS ?


magneto2010

Recommended Posts

2 дня пытаюсь реализовать. Кто-то видел шаблон с вертикальной каруселью с дополнительным фото? Могли бы зашарить ссылочку.

Змінено користувачем magneto2010
Надіслати
Поділитися на інших сайтах


Рекомендую оставить эту затею.  Это крайне сильно понижает юзабилити.

На смартфонах и планшетах вертикальный скролл - это скролл всего экрана. Лучше оставить эту возможность по умолчанию.

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

 

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

  • +1 1
Надіслати
Поділитися на інших сайтах

1 час назад, magneto2010 сказал:

2 дня пытаюсь реализовать. Кто-то видел шаблон с вертикальной каруселью с дополнительным фото? Могли бы зашарить ссылочку.

owl вертикальной не бывает, поищите другой скрипт.

27 минут назад, sitecreator сказал:

Рекомендую оставить эту затею.  Это крайне сильно понижает юзабилити.

На смартфонах и планшетах вертикальный скролл - это скролл всего экрана. Лучше оставить эту возможность по умолчанию.

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

 

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

Тут как реализуешь, можно ведь в мобильной версии сделать её и горизонтальной и вообще отключить карусель)

  • +1 2
Надіслати
Поділитися на інших сайтах

У этого скрипта слайдера есть вертикальное позиционирование

http://kenwheeler.github.io/slick/

  • +1 1
Надіслати
Поділитися на інших сайтах


Это делается немного по другому

 

На десктопах и планшетах >= 992px

 - в место слайдера оборачивается в блок со скролом http://take.ms/ED9rs

 

В мобильных <= 992px

1) Делается основное и доп фото слайдером с большой картинкой 

2) Делается доп фото слайдером под основным фото 

 

  • +1 1
Надіслати
Поділитися на інших сайтах

Спасибо за пояснения, всем по лайку и пусть у каждого родиться по сыну и дочке :)

Решил оставить горизонтально, внедрять другой скрипт, новая история - не  понятно как поведёт себя модуль опций, который должен показывать заменять основное фото... короче дрова, оставил как есть.

Змінено користувачем magneto2010
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.