1. slidesJS

01-slidesjs




Сайт — Очень известный слайдер, часто встречал его на сайтах, на сайте есть много примеров и подробное описание опций.


к содержанию ↑

2. smSlider

02-smslider

Сайт — маленький слайдер, описание на русском (если это кому-то важно). Главные, на мой скромный взгляд, достоинства — маленький, «резиновый», естьcallback. Кстати, стили прописаны через sass и в них указан namespace, который можно легко поменять, не переписывая весь css.


к содержанию ↑

3. Responsive Slides

03-responsiveslides

Сайт — адаптивный слайдер.


к содержанию ↑

4. Flexslider

04-flexslider

Сайт — тоже адаптивный слайдер.


к содержанию ↑

5. Liquid Slider

05-liquidslider1

Сайт — это Coda Slider который эволюционировал.


к содержанию ↑

6. Moving Boxes

06-movingboxes

Сайт — слайдер от создателя легендарного css-tricks. Он его переписал, теперь через хэш ссылки можно передавать номер первого слайда.


к содержанию ↑

7. bxSlider

07-bxslider

Сайт — адаптивный слайдер, на сайте исчерпывающая документация и очень много примеров.


к содержанию ↑

8. unSlider

08-unslider

Сайт — 3kb кода очень простенький слайдер.


к содержанию ↑

9. Nivo Slider

09-nivoslider

Сайт — сразу оформлен как плагин для WordPress. На сайте есть видео с инструкциями.


к содержанию ↑

10. glideJS

10-glidejs

Сайт — Быстрый, адаптивный, использует css3 анимации, но в то же время, предусмотрены фолбеки для более старых версий браузеров.


к содержанию ↑

11. PgwSlider

11-pwgslider

Сайт —Адаптивный, маленький слайдер, в сжатом состоянии весит примерно 4kb.


к содержанию ↑

12. Rhinoslider

12-rhinoslider

Сайт — мне, кажется, слайдер должен просто сдвигать слайды, кто-то считает иначе, им подойдет Rhinoslider у него интересные эффекты смены слайдов.


к содержанию ↑

13. Adaptor

13-adaptor

Сайт — тоже слайдер с интересными эффектами анимации.


к содержанию ↑

14. Wallop Slider

14-wallopslider

Сайт — на сайте слайдера написано: «Очередной хренов слайдер… Но есть одно отличие». Я так и не понял какое, может вы поймете?


к содержанию ↑

15. Elastic Content Slider

15-elasticslider

Сайт — резиновый слайдер.


к содержанию ↑

16. Amazing Slider

16-amazingslider

Сайт — попробуйте, может он, действительно, amazing.


к содержанию ↑

17. AnythingSlider

17-anyslider

Сайт — старый слайдер, но до сих пор не плохо смотрится, его не забрасывают, он, например умеет использовать css-анимации и юзает для этого animate.css.


к содержанию ↑

18. Easy Slider jQuery Plugin

18-easyslider

Сайт — старый, но до сих пор полезный easySlider.


к содержанию ↑

19. Slick Slider

19-slickslider

Сайт — слайдер и одновременно карусель, поддерживает тач.


к содержанию ↑

20. jQuery.Silver Track

20-silvertrackslider

Сайт — легкий слайдер – карусель, умеет быть вертикальным и горизотанльным.


к содержанию ↑
21-anoslider

Сайт — как видно из названия плагин очень легкий, но что-то я сомневаюсь, потыкал его, не такой уж и легкий.


к содержанию ↑
22-bootstrapslider

Сайт — тут, я думаю, всё понятно из названия — заходим на сайт Bootstrap‘а, идем в раздел скриптов и ищем раздел «карусель».


к содержанию ↑

23. Tiny Circleslider

tinycircleslider

Сайт — вообще, это для извращенцев, но очень понравилась реализация слайдера.


к содержанию ↑

24. jCarousel

24-jcarslider

Сайт — старый добрый и очень известный jCarousel.


к содержанию ↑
25-infcarslider

Сайт — слайдер на codepen, кстати, вместо js там coffeeScript


к содержанию ↑

26. Thumbelina Content Slider

26-thumbelina-content-slider

Сайт — странный слайдер, ощущение, что он тяжелый какой-то, но пусть будет в подборке, такие часто нужны при верстке интернет-магазинов.


к содержанию ↑

27. WOWSlider

27-wowslider

Сайт — написано, что это прекрасный слайдер для не профессионалов.


к содержанию ↑
28-msslider

Сайт — простенький, но полезный. Внизу, по ссылке на сайт, найдутся демо слайдера.


к содержанию ↑
29-slider

Сайт — слайдер с превьюшками, тут вместо стрелок влево/вправо стоят превьюшки слайдов.


к содержанию ↑
30-slider

Сайт — врядли кому такое пригодится в работе, но понравилось тем, что этот слайдер просто летает под курсором мышки. Те кто знают, зачем подключать TweenMax.js, найдут на codepen’е скриптик для слайдера.

Плагин рейтинга создан автором этого блога. Буду очень признателен, если вы сможете его поддержать (ссылка)

p.s. Если статья была полезной и вас переполняет чувство благодарности, можете поддержать меня долларом на патреоне

Об авторе

Web Developer. I have expirience in FrontEnd, Backend, Devops. PHP, Python, Javascript (Vue.js, React.js)

Смотреть посты