вСкрипты

30 слайдеров контента на jQuery

30 слайдеров контента на jQuery

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. AnoSlide – Ultra lightweight Responsive jQuery Carousel

21-anoslider

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


22. Bootstrap Carousel

22-bootstrapslider

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


23. Tiny Circleslider

tinycircleslider

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


24. jCarousel

24-jcarslider

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


25. Responsive Infinite Carousel

25-infcarslider

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


26. Thumbelina Content Slider

26-thumbelina-content-slider

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


27. WOWSlider

27-wowslider

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


28. jQuery MS Carousel 1.9

28-msslider

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


29. Tikslus Carousel version 2.0

29-slider

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


30. 3D Carousel на TweenMax.js и jQuery

30-slider

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

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

Пожалуйста, оцените материал

Внимание! Если Вы обнаружили ошибки или нерабочие ссылки в тексте, пожалуйста, сообщите мне.

Похожие посты

Автор:

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

Оставить комментарий

Ваш e-mail не будет опубликован.