Craftyslide — крошечный слайдер на jQuery

Craftyslide — крошечный (всего 2kb) плагин для слайдшоу, созданный на jQuery.

Предназначение Craftyslide состоит в том, чтобы быть легким, простым, управляемым слайдером, предоставляющим показ изображений без излишеств.

Скачать

Почему Craftyslide?

Во-первых, Craftyslide был создан, как эксперимент, а, во-вторых, как альтернатива существующим плагинам. Автор пересмотрел немало современных слайдеров, но большинство из них были или слишком раздуты или семантически не верны.

Использование

Создаем HTML разметку.

Чтобы слайдер заработал, достаточно создать элемент DIV, в котором будет находится неупорядоченный список с изображениями. Для того, чтобы у изображений показывались заголовки, заполните атрибуты title. А дальше, достаточно прицепить поддерживаемые JS/CSS/JPG файлы и все заработает!

Подключаем файлы, необходимые для работы плагина:

Инициализация:

CSS

jQuery

Опции

  • width (число) — Ширина слайдера.
  • height (число) — Высота слайдера.
  • pagination (true/false) — Отображать паджинацию. Если установить false, то паджинация скроется и запустится автопрокрутка слайдов.
  • fadetime (число) — Скорость исчезания слайдов.
  • delay (число) — Задержка между слайдами во время автопрокрутки (при выключенной паджинации).

Пример опций:

Все сделано и работает с британской точностью. Разве это не мечта веб-мастера?


7 комментариев на “Craftyslide — крошечный слайдер на jQuery

  1. помогите пожалуйста все сделал как написано но у меня слайдер так и не хочет превращаться в слайдер а выглядит как картинки в списке что делать?(((

    Thumb up 0 Thumb down 0

    • Вы наверное забыли создать папки css, куда нужно положить craftyslide.css и папку js, куда нужно положить craftyslide.js

      Thumb up 0 Thumb down 0

  2. Куда именно нужно вложить эти скрипты, для работы плагина? Объясните пожалуйста по подробнее куда их вставить...

    Thumb up 0 Thumb down 0

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