Могу поспорить, что в детстве ты любил кататься на карусели (или на карусели). Я ненавидел это, укачивание принесло мне пользу! В любом случае, теперь, будучи взрослыми (или, как правило, веб-разработчиками), мы можем вернуться в прошлое и покататься на какой-то другой карусели. Но на этот раз нездоровый JavaScript. Вероятно, все вы слышали об этом виджете раньше, есть много подобных уже написанных jQuery.
OK. Без лишних слов я хотел бы представить вам rcarousel — непрерывную карусель jQuery UI. Бывает, что 2 дня назад я выпустил новую версию — версию 1.1. Позвольте мне поговорить об этом. rcarousel — это виджет пользовательского интерфейса jQuery . Именно поэтому он разделяет все свои возможности: пользовательские события, хороший API и т. Д. Начиная с версии 1.1, rcarousel действительно прост в использовании. Просто добавьте некоторый контент (да, теперь он поддерживает любой контент HTML, не только изображения) в контейнер, например, DIV, и установите на него виджет. Это оно!
Это очень настраиваемый. Просто посмотрите на этот пример: http://ryrych.github.com/rcarousel/examples/html.html
Но это не должно выглядеть так сложно. Вы можете запустить его в автоматическом режиме — без навигации. Я думаю, что многим из вас может понравиться функция мультикаруселей на странице. Нет проблем с тем, чтобы их было много на одной странице.
Пользовательское количество видимых элементов и шаг (количество элементов для прокрутки) позволяет адаптировать его к вашим потребностям. Еще одна приятная функция — загрузка элементов по требованию (во время выполнения) через API. Без особых усилий вы можете получить XML, JSON, проанализировать их, а затем добавить элементы с помощью метода ‘append’.
Чтобы кратко оставить этот гостевой пост (спасибо!), Позвольте мне рассказать о других возможностях:
• много вариантов на выбор
• изображения (и любые элементы) со ссылками
• вертикальные карусели
и многое другое!
Когда дело доходит до совместимости браузера, rcarousel поддерживает многие из них. Но если вы ищете 11-летнюю поддержку браузера, то эта карусель не для вас. В противном случае читайте дальше.
Итак, rcarousel был успешно протестирован в следующих браузерах:
• Internet Explorer 7+
• Firefox 3.0+
• хром
• Опера 10.10+
• Safari 4.0.5+
Напомним. Я пишу и поддерживаю rcarousel в свое свободное время. Я сделал все возможное, чтобы поделиться с сообществом всем лучшим, что я узнал. Я не написал это для себя. Нет. Мне нравится это сообщество, открытый исходный код и обмен знаниями. Я открыт для патчей, идей, хороших слов. Если вы можете, пожалуйста, пожертвуйте мне несколько баксов (ваши 5 долларов стоят в Польше больше, чем США / зарубежные страны). Безработица — непростой период в жизни (кризис — отстой)!
PS — Если вы используете виджет лайтбокса на своих страницах, рассмотрите возможность использования rlightbox2 ( http://ryrych.github.com/rlightbox2/ ) — медиабокса jQuery UI, также написанного мной.
Об авторе
Войцех Рырыч — разработчик фронт-энда из Польши. Он самоучка (пока не получил степени) и увлекается Linux, Open Source и изучением английского языка.
Страница rcarousel: http://ryrych.github.com/rcarousel/