Посоветуйте, пожалуйста, слайдер/карусель
Вот что ищу:
1) в обычном режиме прокрутка изображений в текущей странице (не в отдельном окне, как у colorbox)
2) поддержка адаптивной верстки (растягивается изображение) причем адаптация не за счет jquery, а резиновой верстки
3) поддержка thumbnails — превью картинок внизу в качестве навигации
4) поддержка touch прокрутки для мобильных устройств
5) возможность увеличивать картинку при клике, можно в отдельном окне
6) гибкий в настройке внешнего вида, смене кнопок и т.п. через CSS
7) с открытым кодом
Изначально смотрел вот эти:
swiper
Из плюсов — гибкий, все меняется на ура, есть почти все пункты кроме 5
Из минусов:
— пришлось повозиться с настройкой адаптивной верстки — криво работает по умолчанию, но если сделать сам контейнер слайда резиновым, то все в порядке.
— нет 5 пункта, а картинки размещаются как бекграунд div блока, поэтому, чтобы прикрутить увеличение нужно повозиться
— тяжеловат, вес 150 кб многовато
Есть еще:
bxslider
но пока не пробовал, если кто-то использовал поделитесь опытом.
Сейчас поставил вот этот сталйдер:
royal-slider
Но он оказался слишком не гибким — кнопки навигации (назад вперед), стили thumbnails и т.п. жестко вшиты в код. В общем если нужно что-то поменять, нужно править код. Об обновлении речи нет((
Собственно после этого и решил искать opensource, чтобы сначала попробовать можно было.
1) в обычном режиме прокрутка изображений в текущей странице (не в отдельном окне, как у colorbox)
2) поддержка адаптивной верстки (растягивается изображение) причем адаптация не за счет jquery, а резиновой верстки
3) поддержка thumbnails — превью картинок внизу в качестве навигации
4) поддержка touch прокрутки для мобильных устройств
5) возможность увеличивать картинку при клике, можно в отдельном окне
6) гибкий в настройке внешнего вида, смене кнопок и т.п. через CSS
7) с открытым кодом
Изначально смотрел вот эти:
swiper
Из плюсов — гибкий, все меняется на ура, есть почти все пункты кроме 5
Из минусов:
— пришлось повозиться с настройкой адаптивной верстки — криво работает по умолчанию, но если сделать сам контейнер слайда резиновым, то все в порядке.
— нет 5 пункта, а картинки размещаются как бекграунд div блока, поэтому, чтобы прикрутить увеличение нужно повозиться
— тяжеловат, вес 150 кб многовато
Есть еще:
bxslider
но пока не пробовал, если кто-то использовал поделитесь опытом.
Сейчас поставил вот этот сталйдер:
royal-slider
Но он оказался слишком не гибким — кнопки навигации (назад вперед), стили thumbnails и т.п. жестко вшиты в код. В общем если нужно что-то поменять, нужно править код. Об обновлении речи нет((
Собственно после этого и решил искать opensource, чтобы сначала попробовать можно было.
Комментарии: 16
Использую bxSlider почти всегда, все в тему. Только увеличение fancybox.
поддерживаю, фоторама очень ок
вот за это спасибо, жаль, что я так с royal-sliderом ошибся))
Зашёл, чтобы про фотораму написать, но не успел)
Еще нашел случайно очень крутой плагин, который позволяет делать слайды через фон. github.com/jaysalvat/vegas Демки скажут за себя
Подскажите, может есть какой-нибудь инструмент кроме MIGx для удобного управления такого вида слайдерами и каруселями в ресурсах?
Я использую для такого modstore.pro/bannery
Василий покажите пожалуйста несколько примеров как это толково сделать?
Элементарно делается. Один баннер, один слайд.
Расклад понятен примеров не достаточно.
вызов
шаблон
вызов
шаблон
&limit указываете кол-во слайдов в вызове, например 3 для позиции. В комплекте есть пример чанка оформление, это и будет оформлением одного слайда. В вызове указываете позицию, лимит и чанк оформления. Вызов помещаете на место слайда.
Проще некуда…
Проще некуда…
Спасибо буду разбираться
Я всегда пользуюсь flexslider:
www.woothemes.com/flexslider/
github.com/woothemes/FlexSlider
Умеет все кроме 5. Это можно реализовать через fancybox или что-то другое.
А для управления воспользоваться BannerY или FileAttach. А если на самом слайдере много других элементов (текст разных начертаний и кеглей, кнопки и прочее) можно и дочерними ресурсами оформить, и выводить через pdoResources.
www.woothemes.com/flexslider/
github.com/woothemes/FlexSlider
Умеет все кроме 5. Это можно реализовать через fancybox или что-то другое.
А для управления воспользоваться BannerY или FileAttach. А если на самом слайдере много других элементов (текст разных начертаний и кеглей, кнопки и прочее) можно и дочерними ресурсами оформить, и выводить через pdoResources.
Я пользуюсь таким. Это правда компонент фреймворка, а не отдельный продукт. Но настраивается замечательно с другими компонентами (slideset, lightbox, thumbnav и т.д.).
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.