Можно ли добавить стрелки переключения картинок???
Добрый день. Проект на ModX. Для отображения фотографий использовалось расширение ms2gallery. Теперь(как это обычно бывает) заказчик решил, что ему не хватает стрелок переключения фотографий, как в обычном слайдере(карусельке). Можно ли встроить такой функционал в ms2gallery, если нет, то что бы вы посоветовали использовать? Всегда есть вариант сделать все через js, переключая фотографии, навешивая data-атрибуты. Но хотелось бы более «пакетный» вариант. Спасибо.
Комментарии: 7
Любой слайдер нужно подключать самостоятельно.
В документации есть пример для родного слайдера Bootstrap 3.
В документации есть пример для родного слайдера Bootstrap 3.
Просто, стильно, понятно — fotorama.io/
И стрелочки и data-атрибуты.
И стрелочки и data-атрибуты.
Роман, я попробовал fotorama.io, и конечно это восторг, он чудесен. В версии для настольных компьютеров.
Но есть пару косяков в работе с мобильными устройствами, которые портят впечатление, вот какие.
Сайт на бутстрапе. Навигация в карусели через thumbnails.
1.Так вот, если thumbnails достаточно много, условно больше 10 штук, то карусель вылезает за границы экрана.
при этом проставлены аттрибуты:
data-maxwidth=«90%»
data-height=«90%»
data-width=«90%»
data-maxheight=«90%»
2.Да, и кстати, на мобильном устройстве, (браузер chrome, samsung note3) когда тянешь страницу вверх и вниз,
(не перезагрузка), картинка каждый раз уменьшается сильнее.
Возможно вы сможете подсказать, как избавиться от этих недостатков?
Вот тут, кстати, описана проблема, и есть даже определенное решение, stackoverflow.com/questions/32810352/fotorama-thum…
Может быть вы тоже сможете прокомментировать?
Написано только что
Но есть пару косяков в работе с мобильными устройствами, которые портят впечатление, вот какие.
Сайт на бутстрапе. Навигация в карусели через thumbnails.
1.Так вот, если thumbnails достаточно много, условно больше 10 штук, то карусель вылезает за границы экрана.
при этом проставлены аттрибуты:
data-maxwidth=«90%»
data-height=«90%»
data-width=«90%»
data-maxheight=«90%»
2.Да, и кстати, на мобильном устройстве, (браузер chrome, samsung note3) когда тянешь страницу вверх и вниз,
(не перезагрузка), картинка каждый раз уменьшается сильнее.
Возможно вы сможете подсказать, как избавиться от этих недостатков?
Вот тут, кстати, описана проблема, и есть даже определенное решение, stackoverflow.com/questions/32810352/fotorama-thum…
Может быть вы тоже сможете прокомментировать?
Написано только что
а в бутстрапе разве нет карусельки?
хочется вот переключаться по thumbnails, это удобно для просмотра галлереи.
[[- в целом это шаги начинающего]]
Михаил, спасибо. Но вот в погоне за красотой :) в этих примерах не выделяется показываемая сейчас миниатюра. а вообще я первый раз решал задачу удобного представления картинок (да и просто первый раз :) ), смотрел несколько альтернатив, вывод в виде карусельки, как в fotorama.io, вывод галереи, и по далее нажатию colorbox, fancybox, photoswipe. Больше всех понравился photoswipe (как раз во многом из-за возможности swipe на мобильных устройствах ), но по совокупности простоты и симпатичности у меня пока победил fancybox.
Михаил, спасибо. Но вот в погоне за красотой :) в этих примерах не выделяется показываемая сейчас миниатюра. а вообще я первый раз решал задачу удобного представления картинок (да и просто первый раз :) ), смотрел несколько альтернатив, вывод в виде карусельки, как в fotorama.io, вывод галереи, и по далее нажатию colorbox, fancybox, photoswipe. Больше всех понравился photoswipe (как раз во многом из-за возможности swipe на мобильных устройствах ), но по совокупности простоты и симпатичности у меня пока победил fancybox.
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.