Scrollerota jQuery плагин

Вы задумывались когда-нибудь, как важно для пользователя юзабилити того или иного слайдера?

Если ответ положительный, то просто посмотрите на рабочий пример слайдера Scrollerota.

О том как он работает и как его внедрить на ваш сайт, смотрите под катом.

Впечатляет?

Тогда смотрим jQuery код этого слайдшоу плагина:

Собственно CSS:

И конечо HTML структура должна выглядеть следующим образом:

Чтобы запустить этот плагин на вашем сайте, прежде всего проверьте подключение jQuery в шапке сайта и не забудьте включить перед закрывающим тэгом body следующий код:

Далее список параметров, нуждающихся в пояснении:

  • width — полная ширина слайдшоу-окна
  • height — полная высота слайдшоу-окна
  • padding — отступ по кругу для текстового блока
  • speed — время в миллисекундах анимации слайда
  • timer — пауза между слайдами (игнорируется если слайдер выключен)
  • slideshow — установите false, если хотите отключить автоматическое слайдшоу
  • easing — тип анимации

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


2 комментарий на “Scrollerota jQuery плагин

    • Скачайте исходники и посмотрите исходный код html файла. Все сразу поймете.

      Thumb up 0 Thumb down 0

Оставить комментарий