Карусели контента для сайта (JQuery, Mootools)

K_E_V_in    javascript     html, javascript, jquery, js, php, PNG, pr, yahoo, контент, плагин, подбор, показ, сайт, товар, форма, фотограф

Сейчас предложу вашему вниманию подборку каруселей картинок (carousel images) для ваших сайтов. Все решения построены либо на JQuery либо на Mootools (выбирайте по вкусу).

Лично я давно искал карусель на мотулся для использования в Джумле. Вот, наконец, нашел И готов поделиться с вами, ура товарищи!

1. Agile Carousel

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

2. Yahoo! UI Carousel Control

Yahoo! UI Carousel Control предоставляет виджет для просмотра ряда похожих объектов, выстроенных вертикально или горизонтально в регионе-оверлее на странице. Метафора «карусели» вытекает из аналогии с каруселью слайдов в дни пленочной фотографии; виджет карусели может следовать этой метафоре, позволяя непрерывную навигацию по кругу через все фреймы содержания.

3. jCarousel

jCarousel является плагином jQuery для управления списком блоков в горизонтальном или вертикальном порядке. Блоки, которые могут содержать статичный HTML, или загружать содержимое через (или без) AJAX, можно прокручивать вперед и назад (с анимацией или без таковой). В Опере и Хроме возможно возникновение ошибки Jcarousel: No width/height set for items. Как её лечить, читаем тут.

4. jCarousel Lite

jCarousel Lite является плагином для jQuery, который отправляет Вас в путешествие по карусели изображений и HTML-содержания. Проще говоря, вы можете перемещаться по изображениям и/или HTML в стиле карусели, используя данный виджет. Этот плагин крайне лёгок, примерно 2 КБ, но очень гибок и настраиваем с учетом большинства наших потребностей.

5. Простая карусель изображений в стиле Flickr

В этом руководстве показано, как реализовать карусель просто из набора изображений, чтобы создать слайд-шоу в стиле Flickr с использованием библиотеки Prototype-UI.

6. iCarousel

iCarousel является мощной каруселью, построенной с использованием MooTools v1.1, полностью настраиваемой пользователей всего за несколько шагов. Вы можете изменить любой параметр по умолчанию просто инициализируя класс объектом настроек в формате JSON. Эта карусель протестирована в Internet Explorer, Firefox, Opera и Safari.

7. Carousel.us

Carousel.us является современной трёхмерной Javascript-каруселью, которая использует, как основу, или MooTools и Reflection.js от Кристофа Бейлза, или Prototype.js и script.aculo.us совместно с Reflection.js. Взгляните сюда, чтобы увидеть ее в действии.

Подборка не моя, а хабрахабровская.

Понравилась заметка? Поделись!