br 8eb34


search

Модуль INow Slider

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

inow1

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

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

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

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

inow2Settings

  • Суффикс класса модуля - дополнительный суффикс к классу 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 - метод загрузки
inow3

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

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

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

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

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

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

demo

Комментарии  

#33 Васек 03.08.2015 16:14
HTML тэги не поддерживает
#32 Administrator 30.05.2014 20:18
Цитирую Маша:
Разработчик сайта делал 4 картинки для слайдера. сейчас хотелось бы их заменить на другие, не могу найти как добавить новые другие фото для этого. Подскажите!

Если используется данный слайдер, то посмотрите в настройках модуля в пункте Image Path путь к картинке и замените картинке по этому пути
#31 Маша 30.05.2014 14:16
Разработчик сайта делал 4 картинки для слайдера. сейчас хотелось бы их заменить на другие, не могу найти как добавить новые другие фото для этого. Подскажите!
#30 Administrator 19.04.2014 21:13
Цитирую Наталья:
не появляется текст, при перезагрузке страницы он как-то промелькнет и все ,а дальше ни к одной фотке нет текста, в чем проблема, и работает только ручное переключение фоток

Скорее всего конфликт jQuery, попробуйте установить плагин JB Library
#29 Наталья 18.04.2014 23:45
не появляется текст, при перезагрузке страницы он как-то промелькнет и все ,а дальше ни к одной фотке нет текста, в чем проблема, и работает только ручное переключение фоток
#28 Administrator 05.04.2014 15:26
Цитирую Дмитрий2:
Как сделать смену картинки на месте , т.е. исчезновение и появление другой? Не мозайка, не уход картинки влево вправо не подходят

В параметре SlideShow Effect выбрать Silmple Fade
#27 Дмитрий2 05.04.2014 12:37
Как сделать смену картинки на месте , т.е. исчезновение и появление другой? Не мозайка, не уход картинки влево вправо не подходят
#26 Administrator 25.01.2014 22:01
Цитирую Андрей З:
Не могу решить проблему. Хочу встроить слайдер в рамочку. В результате встраивания справа остается отступ на 10 пикселей. Подскажите, как его можно убрать

Андрей, так не глядя тяжело ответить на ваш вопрос...
Цитирую CastorTroy:
Проблему решил по вашему совету, с помощью плагина JB Library. Ваш плагин, к сожалению не помог, установил более новую версию 2.1.14 для Joomla 2.5 - 3. Спасибо за помощь!

Рад, что помогло! Надеюсь также поможет другим с такой же проблемой
#25 CastorTroy 25.01.2014 15:10
Проблему решил по вашему совету, с помощью плагина JB Library. Ваш плагин, к сожалению не помог, установил более новую версию 2.1.14 для Joomla 2.5 - 3. Спасибо за помощь!
#24 Андрей З 20.01.2014 20:50
Не могу решить проблему. Хочу встроить слайдер в рамочку. В результате встраивания справа остается отступ на 10 пикселей. Подскажите, как его можно убрать

Добавить комментарий

Защитный код
Обновить

Комментарии