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’е скриптик для слайдера.

Источник: http://everypost.ru/post/196

Голосов  (1)
Об авторе

Веб-разработчик. Работа с проектами простой и средней сложности. Верстка, программирование. Simpla, Drupal, Wordpress.

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