KorniloFF-ScriptS ©

Здравствуйте, Гость!
 
Page
Menu

Карусель из Bootstrap

Внимание! Данный скрипт был взят из технологии Bootstrap. Исходная версия скрипта - здесь.

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

Использовать мою версию имеет смысл, если вы уже пользуетесь моей библиотекой, либо вам не нужен весь Bootstrap, а только сама Карусель.

Настройки Карусели

Мзображения для слайдера удобно именовать в формате константа-номер-расширение. У меня это head0.jpg - head1.jpg - head2.jpg - ..., где константой является head, либо любая другая, которую вы укажете в настройках.

Далее настраиваем мой скрипт в блоке Car_sts. Каждая настройка там подробно прокомментирована, так что запутаться, думаю, у вас шансов не много.

  • im_path - Путь к каталогу с изображениями, из которого будет подгузка в Карусель. По умолчанию это - '/templates/bootstrap/images/slides/'.
  • im_quantity - Количество изображений в каталоге im_path. По умолчанию - 29.
  • im_name - Константа имени изображения, по умолчанию - 'head'.
  • im_ext - Расширение файлов изображений, по умолчанию - '.jpg'
  • im_start - Запуск слайдшоу в Карусели при загрузке страницы сайта. По умолчанию - true.
  • im_dest - Интервал времени между слайдами в секундах. По умолчанию - 4
Установка скрипта
  • Должна быть подключена jQuery.
  • Скачать архив со скриптом и стилями.
  • Распаковать по пути /js/tools/kar/, либо подредактировать пути в файле index.htm
  • Добавить в каталог kar каталог slides и разместить в нем все изображения для карусели. Рекомендую использовать изображения одинакового размера.
  • Теперь можно открыть в броузере файл index.htm и перенести код из него в нужный глобальный блок вашего сайта.

Пример работы скрипта:

Исходный код файла index.htm:
Комментарии к теме (0)

Комментариев пока нет.

Дабавить комментарий