P
P
Pavel2014-06-20 20:59:24
JavaScript
Pavel, 2014-06-20 20:59:24

Bulletproof adaptive slider - does it exist?

I am engaged in the development of adaptive mobile sites, and here the need for a slider sharply arises. The main criteria that an ideal slider should have:
1) Work not only in safari-webkit
2) Have css3 animations available through translate3d
3) Support for swipes, arrows, bullet points
4) It should work as it should when changing the orientation of the smartphone
5 ) It should not hang the system, animations should be smooth and turn off
6) Be able to adapt to the content
7) Support any content as slides, not just pictures
===

What did I try?
-- bxslider - almost perfect. Almost all features are present, the only thing is that it can be "broken" on iPhones and Androids with some careless swipe. It breaks, by the way, on the official page.
-- flexslider 2 - has a critical flaw: there is only one setting to adjust the slider container to the content of the slide in height. But in the setting you can not use animation. And because of the height recalculation, all content is slowly shifted, causing a slideshow of 3 frames / sec.
-- swipejs - few settings

Answer the question

In order to leave comments, you need to log in

4 answer(s)
D
Denis Ineshin, 2014-06-20
@Carduelis

Look also at Owl Carousel , it certainly doesn't have fancy 3D effects, but uses CSS animations, cross-browser and adaptive.

J
Jenovas, 2014-06-20
@jenovas

Fotorama

D
Dmitry Baibukhtin, 2014-09-28
@PiloTeZ

The best I've tried is plugins.jquery.com/slick

D
Dmitry, 2014-06-25
@Tomasina

habrahabr.ru/post/133741 ( fotorama.io/)
habrahabr.ru/post/133205

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question