Модуль INow Slider

Отлично выполненный модуль INow Slider способен украсить ваш сайт галереей до 20 изображений, переход между которыми имеет 25 различных эффектов с несколькими типами навигации. Также есть возможность установить автоматическое слайдшоу или просмотр вручную, добавлять заголовки к изображениям, а также много других функций, о которых вы узнаете из статьи.

Основные возможности INow Slider

• Настройка цветов фона, границ, текста и др.
• 3 вида навигации между слайдами
• более 25 эффектов перехода между изображениями
• Изменение вида процесса загрузки картинки
• Задание времени и скорости переходов
• Установка толщины, цвета и тени рамки модуля
• Выбор шрифта для заголовка
• и много другое...

Настройка модуля INow Slider

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

Settings

• Суффикс класса модуля - дополнительный суффикс к классу CSS
• Slideshow Width - ширина модуля слайдера
• Slideshow Height - высота модуля

Preferences

• SlideShow Effect - выбрать из списка один из переходом между картинками
• Easing Effect - указание из списка способа обработки выбранного выше эффекта
• Time Interval - временной промежуток до показа следующего слайда
• Animation Speed - скорость перехода между изображениями
• Manual Transitions - если Да, то переход будет осуществляться с помощью навигации
• Stop Button? - включение/отключение кнопки запуска и остановки слайдшоу
• Links open in? - способа открытия ссылки: в этом же (same window) или новом окне (new window)
• Linked Titles? - делать или нет заголовки ссылками

Navigation

• Dots Navigation - отображать или нет навигацию по точкам
• display arrows - показывать или нет стрелки переходов на следующий/предыдущий слайд
• Arrows Navigation Hover - если Да, то стрелки будут отображаться только при наведении на картинку

Dots

• Dots Style - выбор из списка 1 из 13 стилей навигационных точек

Arrows

• Arrows Style - выбор 1 из 12 стилей стрелок навигации

Appearance

• Module Align - выравнивание модуля (слева или по центру)
• Module Backgound - определить цвет фона модуля

Border

• SlideShow Border - выбор толщины границы модуля
• Border Color - указание цвета рамки
• Border Rounded? - выбрать закруглить или нет границы
• Shadow? - использовать или нет тень от рамки

Loader

• Loader - выбор типа загрузчика: bar - в виде полоски состояния и pie - в виде кольца
• Loader Opacity - прозрачность загрузчика (чем меньше, тем более прозрачный)
• Loader Color - установка цвета загрузчика
• Loader BG Color - определение фона загрузчика
• Pie Diameter - диаметр загрузчика в виде кольца (pie)
• Pie Stroke - шаг загрузчика в виде кольца
• Bar Position - выбор положения загрузчика в виде полосы
• Bar Stroke - толщина полосы загрузки

Pie Position

• Pie Horizontal space From? - выбор отступа слева или справа
• Pie Horizontal Space(px) - значение выбранного отступа
• Pie Vertical space From? - выбор отступа снизу или сверху
• Pie Vertical space(px) - значение отступа по вертикали

Appearance

Title - параметры для заголовка (Label)

• Title Color - цвет заголовка
• Title Font Size - размер шрифта заголовка
• Title Font - вид шрифта

Desc - аналогичные настройки для описания

Caption

• Caption Background - выбор цвета фона подписи
• Caption opacity - определение степени прозрачности
• Caption Positiоn - расположение подписи по 4 сторонам или настраиваемое положение (Custom Position)
• Caption Move From? - выбор способа появление подписи

Caption Custom Position (активировано при выборе настраиваемого положения подписи)

• Caption Horizontal space/Margin From? - выбор отступа слева или справа
• Caption Horizontal space/Margin(px) - значение отступа по горизонтали
• Caption Vertical space/Margin From? - отступ по вертикали сверху или снизу
• Caption Vertical space/Margin(px) - значение выбранного отступа

Caption Dimensions

• Caption Width(px) - ширина блока с описанием
• Caption Height - выбор высоты: автоматическая (Auto), полная (Full) и настраиваемая (Custom)
• Custom Caption Height(px) - при выборе Custom Height указать значение высоты
• Rounded Caption? - закругление блока с описанием (выбор стороны или по всем углам)

Jquery

• Load jquery - загружать или нет библиотеку jQuery
• jQuery Version - выбрать из списка версию библиотеки
• Loading Method - метод загрузки

Дальше идут установки для каждого из 20 изображений по отдельности, в которых можно указывать различные заголовки, описание и ссылки:

Image Path - относительный или абсолютный путь к изображению

Label - заголовок для картинки

Desc - описание к изображению (можно использовать HTML тэги)

Image link - установить ссылку, куда будет переходить посетитель при нажатии на картинку

Предупреждение! Если вы укажите путь к несуществующему изображению, то модуль работать не будет. Будьте внимательны!

You have no rights to post comments