GetSimple CMS
по-русски

Плагин nanoSlider

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

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

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

Для людей вообще не желающих вникать в настройки скрипта 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
Эту страницу посетили 8179 раз(а).
Мы используем куки (cookie) для наилучшего представления нашего сайта. Если вы продолжите использовать сайт, мы будем считать что вас это устраивает. Вы можете просматривать сайт без использования куки (cookie) с частичной потерей функциональности в приватном режиме вашего браузера. Если вы полностью отказываетесь использовать куки (cookie), вы обязаны покинуть сайт.  Принять