289

JavaScript слайдеры. Только лучшее.

9 мая 2008, 2:55JavaScriptрейтинг +20-

Все, что можно потаскать туда и обратно, чтобы установить какое-то значение, получить какую-то картинку и прочее может называться слайдером. Простейший пример, ставший естественным атрибутом любого окошка — скроллбар. Это тоже вид слайдера. Без слайдеров не обходится почти ни одна серьезная веб-разработка. Мы сделали подборку лучших слайдеров из тех, которые доступны бесплатно.

js, sliders
Здесь могла бы быть Ваша реклама
показать рекламу :)убрать рекламу

PhatFusion

Весьма простой слайдер, есть возможность вертикального или горизонтального отображения, пошаговое разбитие ленты слайдера. Для работы использует mootools.

phatfusion слайдер

Демо
Скачать
 

Интересный пример, основанный на статье, в которой рассказывается о том, что всегда надо помнить о том, что в браузере может быть отключен js. И такие случаи в любом случае надо уметь обрабатывать.

слайдер js

 

Качественно сделанный слайдер. Реализована доступность без js, управление с клавиатуры, ловит мышиные события, плавные движения ползунка.

слайдер js
Демо
Скачать

 

Хороший слайдер, поддерживает темы, используя различные css. К сожалению, темы по умолчанию настолько примитивны, что складывается ощущение, будто рисовали эти слайдеры еще в первом фотошопе. Поддерживает клавиатурные события, не поддерживает мышечные события.

слайдер js

 

Фотослайдер

Интересный способ организовать галерею фотографий. Если вам нравятся плавающие туда-сюда превьюшки, этот слайдер вам подойдет. Да и вообще, посмотрите, для общего развития. Примечательно, что для реализации такого слайдера необходимо меньше десяти строчек js. Для работы использует jquery.

фото слайдер js
Урок
Пример

 

Эпл-стайл слайдер

Сделан не очень качественно, и тем не менее вполне можно использовать если вам очень хочется поставить себе слайдер в стиле эпла. Для работы использует jquery.

apple слайдер js
Описание
Демо

 

Еще один слайдер, в котором можно указать промежуток.

Примечателен тем, что можно указывать свои размеры слайдера, а размеры ползунка изменять «на месте».
Хорошее решение в смысле юзабилити.

слайдер js
Демо

 

Стандартные слайдеры mootools

mootools слайдер js

 

Coda-слайдер

Очень красивое решение для организации содержимого. В такой слайдер можно запихнуть фотографии, новости, или вообще любое содержимое.

coda слайдер js
Демо
Пост в блоге автора
Скачать

 

jquery мультимедиа-портфолио

Плагин jquery. Автоматически определит тип медиа и применит необходимый плеер.

jquery слайдер js
Демо

TrackBar с двумя ползунками отечественного производства

Очень хорошо сделанный слайдер. Для работы не использует никаких библиотек.

Автор Александр Карпинский.

 

Демо

Скачать

 

Еще один слайдер отечественноно производства.

Аккуратный слайдер. В настоящее время дорос до версии 4.0

трэкбар

 

Основное демо

Спец демо

Скачать

Memori.rumister-wong.combobrdobr.rumoemesto.rudel.icio.uszakladki.yandex.rugoogle.com/bookmarks/

Комментарии

Интересует тема вертикального скролла с индикацией контента. Видел в студии Темы рабочий пример на js. IntellScroll вроде назывался.
Eugeny, 9 мая 2008, 17:42
Вы имеете в виду слайдер на сайте башни «Федерация»?
Жека, 9 мая 2008, 22:03
а еесть ли что-то вроде фотослайдера, только картинки линкуют на страницы и конпки управления по краям нужны
booka, 17 июня 2008, 22:14
Последний крайне неплох! Благодарю, отличный обзор.
ElaSTiC, 1 июля 2008, 8:47