Описание:Этот плагин создает контейнер в котором сменяются картинки. Часто такое можно видеть на сайтах фирм и фото-сайтах(художников, фотографов, дизайнеров). Он отлично работает во всех современных браузерах и даже в IE начиная от 6-й версии! Плагин добавляет к последнему поддержку max-width. Другим браузерам этого не нужно. Вам нужно побеспокоиться только о подключении библиотеки jQuery и подготовке красивых картинок размер-в-размер.
Плюс плагина в том, что у него очень маленький размер - 1кб(в сжатом виде) и этот плагин выполняет только функцию галереи. Зачем нагружать сайт целым набором неиспользуемых скриптов? В скрипте есть возможно работы в двух режимах: режим автоматического просмотра слайдшоу и постраничная навигация.
Ссылки:Вам конечно же нужен сам jquery. Или скачайте или используйте ссылку на репозитарий Google.
Ну и плагин. Его можно скачать
здесь
Установка:
1. Подключите файлы jquery.min.js и плагин для слайдшоу
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><br /><script src="responsiveslides.min.js"></script>
2. Добавьте разметку для картинок
<div id="slides"><br /> <img src="1.jpg" alt="" /><br /> <img src="2.jpg" alt="" /><br /> <img src="3.jpg" alt="" /><br /></div>
3. Добавляем маленький скрипт, что запустит галерею после загрузки страницы
<script><br /> $(function () {<br /> $("#slides").responsiveSlides();<br /> });<br /></script>
4. Если хотите, то можете настроить галерею так:
$("#slides").responsiveSlides({
speed: 4000, //Число: как долго показывается одна картинка перед появляением другой в миллисекундах
fade: 1000, //Число: как долго меняется картинка одна на другую, в миллисекундах
auto: true, //Булевый тип: автоматическая анимания? Если 'false', то появляется постраничная навигация внизу картинок.
maxwidth: 800, //Числоr: Мкасимальная ширина слайдшоу, в пикселях
namespace: 'rs' //Строка: Используя это опцию ты можешь изменить класс и id, которые использует скрипт
(это очень нужно если у вас много слайдшоу на странице)
});
Это все! И вам не нужно добавлять никаких таблиц стилей для слайдшоу потому как плагин все это делает за вас. Конечно, вы сможете сами назначить стили для постраничной навигации для слайдшоу если вы их используете.