KorniloFF-ScriptS ©

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

Простой слайдер

Описание слайдера

Данный скрипт реализует достаточно простой слайдер для изображений на сайте, однако обладающий при этом некоторыми особенностями.

    Особенности реализации:
  • Пользователь может пролистывать изображения как используя мышь и кликая по навигационным стрелкам, так и используя стрелочные клавиши на клавиатуре.
  • Есть возможность добавлять подписи к изображениям.
  • Подключение новых изображений к слайдеру осуществляется простым добавлением элементов в массиве (см. исходный код ниже).
  • Код слайдера настолько мал, что не помешает даже самой маленькой html-странице.
  • Добавлена возможность включения автолистинга (слайдшоу) с эффектом затухания перед сменой изображения

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

Установка скрипта очевидна из приведенного ниже примера. Однако, если Вы хотите использовать такие же навигационные стрелки, то их нужно скачать себе на хостинг и изменить к ним пути в классах .but.l и .but.r.

Скачать архив с изображениями кнопок.

Также вам необходимо скачать аддон для анимации при автолистинге и разместить его по пути /js/addons/Animate.js от корня сайта.

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

Подключение и настройки скрипта (исходный код примера)

Комментарии к теме (0)

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

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