Плагин nanoSlider

Плагин для создания любого количества слайдеров

на

Простой плагин для создания слайдеров на основе скрипта Nivo Slider. Изображения могут быть размещены как на Picassa и Google+, так и на самом сайте.

Скачать плагин
Файл скачан 649 раз(а)

Для людей вообще не желающих вникать в настройки скрипта Nivo Slider есть простые коды:

  • для Picassa и Google+
    (%nanoslider
    kind=picasa
    &userID=ваш_ящик@gmail.com&album=ваш_альбом
    &displayCaption=false
    &maxWidth=1000px
    &nivoOptions={"effect":"fold","pauseOnHover":false,"randomStart":true}
    &theme=nano
    %)
  • для изображений размещенных в папке на сайте
    (%nanoslider
    kind=url&maxWidth=1000px
    &listImagesBaseURL=http://адрес_сайта/папка_с_файлами/
    &listImages=sample1.jpg|sample2.jpg|sample3.jpg
    &listCaptions=Sample_Image_1|Sample2|Sample3
    &nivoOptions={"effect":"random", "pauseOnHover":false, "randomStart":true, "pauseTime":4000}
    &theme=dark
    %)

Внимание! Все вышеуказанные коды предназначены для размещения в редакторе страниц.

Плагин имеет возможность изменять несколько параметров скрипта Nivo Slider. Этот скрипт позволяет использовать 15 эффектов (effect): sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft, fold, fade, slideInRight, slideInLeft, boxRandom, boxRain, boxRainReverse, boxRainGrow, boxRainGrowReverse по отдельности, или все со случайным выбором — random.

Также можно настроить скорость анимации (animSpeed), время показа одного изображения (pauseTime), остановку при наведении (pauseOnHover) и случайное отображение первого снимка (randomStart). Выглядеть эта строчка будет примерно так:

&nivoOptions={"effect":"fold", "animSpeed":2000, "pauseTime":3000, "pauseOnHover":false, "randomStart":true}

Вы можете либо добавлять короткие тексты к изображениям:

&listCaptions=Sample_Image_1|Sample2|Sample3

Либо отключать эту функцию:

&displayCaption=false

Есть возможность устанавливать максимальную ширину изображений:

&maxWidth=1000px

Также вам предлагается на выбор шесть разных тем для слайдера: bar, dark, default, light, nano. Строчка кода будет выглядеть так:

&theme=nano

Новые подробности здесь.

Назад

blog comments powered by Disqus
Эту страницу посетили 7498 раз(а).

Последние новости

Последние комментарии

Для контактов

Back to top