skypeВы хотите опубликовать свои книги, но не знаете, как?

Закажите получасовую бесплатную консультацию

Как создать эффект “перелистывания” изображений и настроить эффекты для картинок в Joomla

Если вы хотите создать действительно необычную галерею на сайте, воспользуйтесь модулем JT Bookblock Images, который создаст эффект “перелистывания” изображений, а также придайте изображениям разнообразные эффекты и добавить к ним заголовок, “потягивающийся” автоматически.

Мы уже установили Joomla на хостинг https://s-host.com.ua/ и готовы разобраться, как работают модули, которые мы будем использовать для решения поставленных задач.

Эффект перелистывания страниц

Для реализации эффекта перелистывания страниц вам нужно скачать всего одно расширение — модуль JT Bookblock Images.

Установка модуля

Загрузите файл на свой компьютер и перейдите в админку сайта. Установите JT Bookblock Images в разделе «Расширения»/»Менеджер расширений»/»Установить» (вкладка «Загрузить файл пакета»). Теперь, когда расширение добавлено на сайт, вам остается включить его и настроить.

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

Чтобы включить и настроить модуль, перейдите на страницу «Расширения»/»Менеджер модулей» и найдите пункт JT Bookblock Images. Пройдитесь по вкладкам, чтобы “отрегулировать” настройки. Вкладка “Модуль”:

  • включите\отключите показа заголовка модуля;

  • выберите позицию модуля на сайте;

  • опубликуйте модуль;

  • поменяйте ID JT Bookblock Images, если на странице используются другие модули (например, id3);

  • включите/отключите загрузку jQuery, выберите версию;

  • включите/отключите загрузку базовых скриптов;

  • выберите метод загрузки скриптов;

  • укажите ширину и высоту изображений;

  • укажите скорость “перелистывания” картинок и пр.:

Перейдите на вкладку «Привязка к пунктам меню» и выберите страницы, на которых будет отображаться галерея. Затем откройте вкладку “Изображения” и поочередно добавьте картинки (не более 10), заполнив поля:

  • “Изображение” (нажмите “Выбрать”, чтобы перейти в медиа-менеджер);

  • “Описание изображения”;

  • URL (добавьте ссылку страницы, на которую будут попадать пользователи, кликнувшие на изображение);

  • target (выберите, где будет открываться ссылка: в том же или в новом окне):

Сохраните изменения и посмотрите, как работает плагин:

Как вы видите, благодаря модулю мы создали весьма нестандартную галерею, которая отлично смотрится на сайте.

Настройка эффектов страниц

Что касается настройки эффектов страниц, то здесь нам не обойтись без плагина плагин Image Effect CK. Скачайте его и переходите к установке.

Установка плагина

Скачайте плагин Image Effect CK, а затем откройте административную панель сайта. Установите расширение в разделе «Расширения»/»Менеджер расширений»/»Установить»/вкладка «Загрузить файл пакета».

Настройка плагина

Перейдите на страницу «Расширения»/»Менеджер плагинов»/Image Effect CK, чтобы приступить к настройке плагина. По сути, настройки расширения минимальны и плагин уже готов к работе. Единственное, что нужно сделать — включить его в поле “Состояние”.

Обратите внимание на то, что эффекты добавляются при помощи специального кода, “состоящего” из:

  • “адреса” картинки (загрузите изображения в медиа-менеджер заранее);

  • выбранного эффекта;

  • заголовка (вы можете заголовок и дополнительный текст или же один только заголовок):

Разработчики предлагают более двадцати эффектов для ваших изображений. Нажмите на кнопку Click Here to see the online documentation for the different effects, расположенную на странице «Расширения»/»Менеджер плагинов»/Image Effect CK, чтобы выбрать подходящий эффект:

Добавление эффектов

Скопируйте код на странице «Расширения»/»Менеджер плагинов»/Image Effect CK и перейдите к редактированию/созданию материала. Вставьте код в нужное место на странице, подставив нужные значения:

<img src=»images/название-изображения.jpg» class=»эффект» title=»Основной заголовок::Дополнительный текст» />

Обратите внимание на то, что если вы не хотите вписывать дополнительный текст, вам достаточно отказаться от использования двоеточия.

Рассмотрим эффекты на примере нескольких изображений:

Добавьте этот плагин сразу после установки CMS на хостинг и вы сможете создавать изображения с необычными эффектами всего за пару минут.

 

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

заказ статьи
Архивы