Перейти к содержанию
magneto2010

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

Рекомендуемые сообщения

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 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.