Обзор популярных расширений Joomla

Статьи о создании и развитии сайта

Обучающие материалы по верстке HTML\CSS


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 пикселей. Подскажите, как его можно убрать

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

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

Комментарии

  • Модуль VTEM Panorama

    Дмитрий
    Доброго времни суток! Несовсем догоняю как привязать к joomshoping те для каждого товара должен ...
     
  • Плагин Edocs

    sveta
    после перехода с http на https плагин перестал работать. Меняла все пути, которые возможно, но не ...
     
  • Компонент JoomShopping. Полезности

    Димы
    Ух, шикарно, спасибо. Изменил карточку товара. Цену и кнопку "В корзину" разместил слева от ...
     
  • Работа с категориями в K2

    Николай
    Подскажите пожалуйста, пользуюсь Serpstat. Комплексный аудит сайта по метатегам (путь:Аудит сайта ...
     
  • Компонент JoomShopping. Товары и категории

    Валерий
    Здравствуйте. Мне очень нужна Ваша помощь. Как возможно сделать, чтобы форма заказа товара в joomshopping ...