Carduelis
@Carduelis
Web-developer, front-end, js, less

Пуленепробиваемый адаптивный слайдер -- существует ли?

Занимаюсь разработкой адаптивных мобильных сайтов, и здесь резко встает нужда в слайдере. Основные критерии, которыми должен обладать идеальный слайдер:
1) Работать не только в safari-webkit
2) Иметь в наличии css3-анимации через translate3d
3) Поддержка свайпов, стрелочек, буллетов-точек
4) Он должен работать как надо при смене ориентации смартфона
5) Он не должен вешать систему, анимации должны быть плавными и отключаемыми
6) Уметь подстраиваться под контент
7) В качестве слайдов поддерживать любой контент, а не только картинки
===

Что пробовалось мною?
-- bxslider - почти идеальный. Присутствуют практически все фичи, единственное - его на айфонах и андроидах можно "сломать" каким-то неосторожным свайпом. Ломается, кстати, на официальной странице.
-- flexslider 2 - имеет критичный недостаток: есть единственная настройка подстройки контейнера слайдера под контент слайда по высоте. Но в настройке нельзя не использовать анимацию. А из-за пересчета высоты весь контент потихонечку сдвигается, вызывая слайдшоу в 3 кадра/сек.
-- swipejs - мало настроек
  • Вопрос задан
  • 17733 просмотра
Решения вопроса 2
IonDen
@IonDen Куратор тега JavaScript
JavaScript developer. IonDen.com
Посмотрите еще на Owl Carousel, он конечно без навороченных 3д эффектов, но использует CSS анимации, кроссбраузерный и адаптивный.
Ответ написан
Playmore
@Playmore
такой наверно darsa.in/sly
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы