Связь и интернет Архив Программирование
   
Сделать стартовойСделать закладку            
   ПОИСК  
   
8  Perl
8  PHP
8  JavaScript
8  HTML
8  DHTML
8  XML
8  CSS
8  C / C++
8  Pascal и Delphi
8  Турбо Ассемблер
8  MySQL
8  CASE-технологии
8  Алгоритмы
8  Python
8  Обратная связь
8  Гостевая книга
Новости о мире

Joomla: добавляем слайд-шоу и галерею

Joomla: добавляем слайд-шоу и галерею

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

Создание слайд-шоу

Для создания слайдера мы будем использовать модуль Super Simple Slideshow. Скачайте его, а после перейдите в админку своего Joomla-сайта. Выберите раздел "Расширения"/"Менеджер расширений"/"Установить" и загрузите расширение во вкладке "Загрузить файл пакета". Если установка завершится успешно, вы увидите соответствующее уведомление.

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

Откройте страницу "Расширения"/"Менеджер модулей"/Super-simple-slideshow. Вкладка `Модуль`:

  • выберите позицию и опубликуйте модуль;

  • укажите CSS-стили в поле `Контейнер`;

  • выберите `Да` в поле `Скрипт модуля`;

  • выберите `Нет` в поле `Css модуля`, если используются свои классы;

  • выберите свою скорость перехода или оставьте ту, что предложена по умолчанию - 500 (0,5 секунды);

  • выберите свою скорость интервала перехода или оставьте ту, что предложена по умолчанию - 7000 (7 секунд);

  • выберите фон модуля и цвет пунктов;

  • выберите один из вариантов в поле `Тип анимации`:

Кроме того, выберите `Да` или `Нет` в полях "Автоплей", "Пауза при наведении", "Пункты слайдера", "Стрелки слайдера", "Скрыть стрелки" и "Предзагрузка":

Далее перейдите на вкладку "Привязка к пунктам меню" и выберите страницы, на которых будет выводиться слайдер. Теперь добавьте изображения (не более пяти) во вкладке `Слайды`:

  • выберите изображение;

  • добавьте ссылку;

  • выберите цвет текста;

  • введите текст:

Добавьте поочередно слайды (не более 5) и сохраните изменения. Затем перейдите на свой сайт и проверьте, как работает модуль:

Добавление такого слайдера занимает от силы несколько минут.

Создание галереи

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

В реализации задуманного нам поможет плагин Simple Image Gallery. Скачайте его и перейдите в раздел админки "Расширения"/"Менеджер расширений"/"Установить". Откройте вкладку "Загрузить файл пакета", чтобы загрузить расширение.

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

Найдите пункт Simple Image Gallery (by JoomlaWorks) на странице "Расширения"/"Менеджер плагинов". Кликните на него и пройдитесь по предложенным вкладкам. Вкладка `Плагин`:

  • включите плагин в поле `Состояние`;

  • укажите корневой каталог изображений в поле Root folder for image galleries;

  • выберите нужный пункт в поле jQuery library handling (или оставьте предложенный);

  • укажите ширину и высоту эскиза в полях Thumbnail width и Thumbnail height;

  • укажите качество изображений в поле Thumbnail image quality:

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

Создание галереи в статье

Перейдите в медиа-менеджер и создайте папку с изображениями для добавления в галерею. Затем перейдите в раздел создания/редактирования материала и вставьте в нужной части статьи теги {gallery}название-папки-с-картинками{/gallery}. Например:

Сохраните материал и проверьте. как галерея отображается на сайте:

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

Опубликовано: 02.08.2017
5 вещей, которые вы должны знать о простой воде 5 вещей, которые вы должны знать о простой воде
Какие бы последние тренды в здоровом питании не были, как бы вы из не соблюдали, но вы можете забыть о самом основном для здоровья вашего организма: достаточном количестве воды
Один простой трюк для ускорения вашего старого iPhone или iPad Один простой трюк для ускорения вашего старого iPhone или iPad
У вас в собственности уже пару лет есть iPhone или iPad? И он стал чувствовать себя немного вялым и усталым, подтормаживать и задумываться? Я скажу вам один испытанный способ ускорить работу iPhone или iPad - это очень просто сделать, но будет стоить вам некоторых затрат времени
Читать другие статьи



 
  
  
    Copyright ©  RIN 2003 - 2004      * Обратная связь