Вы здесь: Главная|Расширения|Модули Joomla|Скроллеры, слайдеры|Vina Awesome Image Slider

Vina Awesome Image Slider

Разработчик: Vina Gecko

Модуль бесплатного адаптивного слайдера.

Vina Awesome Image Slider

  • Во-первых, он адаптивен, то есть, прекрасно подстраивается под экраны любого размера. Будь то мобильный телефон или компьютер, этот модуль-слайдер хорошо выглядит. В числе прочих поддерживаются такие популярные операционные системы как Windows Phone, iOS, Android, Opera Mobile и другие.
  • Во-вторых, в настройках можно включить один из целых 22 потрясающих и красивых эффектов перехода, или смены слайдов. Скажу без преувеличения, лично мне ещё не встречались слайдеры с такими интересными переходами.
  • В-третьих, этот модуль поддерживает неограниченное число картинок - а это, согласитесь, тоже нечасто встречается даже среди небесплатных модулей Joomla 3.
  • В-четвёртых, он использует облегчённую версию jQuery Mobile. Благодаря этому слайды на экране мобильных устройств можно листать пальцами.
  • Помимо этого, как говорят разработчики, слайдер Vina Awesome Image Slider совместим с большинством браузеров и устройств.

Все вместе эти преимущества делают данный модуль практически идеальным слайдером для сайта на CMS Joomla.

Демо модуля Vina Awesome Image Slider

После восторженных слов о преимуществах данного модуля Vina Awesome Image, как водится, сразу привожу в пример демо его работы, чтобы вы могли сами убедиться в том, насколько он вам подходит или нет. Сверните окно браузера и убедитесь в адаптивных возможностях слайдера приспосабливаться к размеру экрана.

В примере представлен лишь один (Collage) из имеющихся 22 эффектов смены слайдов.

Настройки модуля Vina Awesome Image Slider

Вкладка Модуль

На первой вкладке настроек модуля Vina Awesome Image Slider представлены следующие поля (картинка кликабельна):

Image Width и Image Height - здесь мы можем ввести размеры изображений.

Module Scale Width (%/px) - масштабирование. Здесь можно указать размер в процентах или пикселях от первоначального. Например, я в случае с демо на этой странице указал 100%. Этот параметр растянул модуль на всю ширину блока с контентом.

Resize Image - подгонка размера изображения в соответствии с указанными шириной и высотой (я оставляю этот параметр выключенным).

Transition Effect - эффект смены слайдера. 22 различных перехода - выбирайте любой. В случае с демо взят эффект Collage. (Одна тонкость: при выборе пункта за пределами видимости он не выбирается. Ну, вот такой глюк. Просто смотрим его название и находим в окне, набирая слово. Тогда выбор сделать удаётся).

Effect Duration - время эффекта перехода (по умолчанию 2000 мс - то есть, 2 секунды).

Time Delay - время задержки, во время которого картинка будет демонстрироваться пользователю в застывшем виде.

Auto Play - автоматический запуск слайдера (да или нет).

Play/Pause Button - нужно ли отображать соответствующие кнопки (у меня в демо включено - при наведении по центру изображения появляется небольшая кнопка).

Pause on Hover - автоматическое включение паузы при наведении курсора мыши.

Slideshow Loop - останавливать ли слайд-шоу после того, как все картинки будут показаны.

Bullet Navigation - показывать или нет элементы навигации (кружочки внизу).

Small Image Width и Small Image Height - честно скажу, не понял, где используются эти параметры. Оставил по умолчанию (120 и 60).

Show Caption - показывать ли название слайда (задаётся во вкладке Configuration Options только при выборе каждого изображения вручную).

Caption Position - местоположение названия (используется css код).

Caption Effect - эффект смены названия (выбираем: либо название появляется после фиксирования изображения, либо во время эффекта перехода, либо нечто среднее - Elastic Move).

Arrows Navigations - показывать или нет стрелки навигации (появляются при наведении на слайдер с левой и правой сторон).

Вкладка Confiration Options

На вкладке Confiration Options задаются правила, откуда брать изображения. Можно выбрать параметр From List и прописывать путь к каждой картинке вручную. Этот способ позволяет каждому слайду задать описание (Image Caption). Во втором случае (From Directory) можно выбрать путь к папке, в которой находятся все картинки. Это быстрее, но подписать изображения здесь не получится.

Вкладка Дополнительные параметры

Если вам очень сильно захочется поблагодарить разработчиков за создание этого бесплатного слайдера, во вкладке «Дополнительные параметры» вы сможете выбрать «Да» для параметра Show Copyright Text. По умолчанию эта опция скромно отключена.


Разработка бизнес сайта на CMS JoomlaРазработка интернет-магазина на Joomshopping