Компоненты Joomla: создаем демонстрацию картинок с помощью модуля JT SlideShow

модуль JT SlideShow Добрый день уважаемые читатели! Создавая свой сайт  хочется сделать его привлекательным и в тоже время максимально функциональным без излишеств. Я поняла, что мне необходимо создать слайдшоу, то есть это изображения, которые меняются через определенное время и ведут на  заданную страницу. Мне пришлось долго тестировать различные расширения для Joomla, пока не нашла модуль  JT SlideShow, который отвечал всем моим требованиям и к тому же распространялся бесплатно.

Начну я с того, что модуль JT SlideShow позволяет отражать картинки, с приминением множества эффектов из библиотеки jQuery и имеет огромное количество опций, которые настраивают слайдшоу. Это с одной стороны  достоинство и недостаток данного модуля одновременно. Ведь чем больше опций, тем больше приходится сидеть и разбираться с настройками. И вот чтобы Вы не мучились я сейчас постараюсь все подробно расписать и пояснить.

Для начала скачиваем модуль  JT SlideShow с официального сайта разработчика, а именно со страницы http://www.jt.gen.tr/eklentiler/jt-slideshow.html Вы получаете архив, распаковав который увидите папку со следующими файлами и папками — image, photo, tmpl, scripts, en-GB.mod_jt_slideshow.ini, helper.php, mod_jt_slideshow.php, index.html, mod_jt_slideshow.xml, ru-RU.mod_jt_slideshow.ini, tr-TR.mod_jt_slideshow.ini.

И вот прежде чем загружать модуль на хостер или локалку откройте папку photo  и Вы там увидите 5 различных изображений, которые следует поменять на свои. Но при этом стоит отметить, что Ваши картинки должны иметь индентичные названия, то есть photo1, photo2 и так далее.

Далее с помощью ftp — клиента запихиваем модуль в директорию public_html\modules\  или же на локальном в диске в папку modules из корневого каталога сайта.

Теперь заходим в админку сайта и выбираем Расширения — Установить \Удалить и применяем  Установить из папки, прописав путь к модулю

модуль JT SlideShow

Нажимаем кнопку установить, появляется сообщение. что модуль успешно установлен. Переходим во вкладку Расширения — Модули и ищем строку JT SlideShow кликаем по ней и попадаем на страницу с настройками данного модуля.

Думаю с настройками отражения модуля Вы сможете справиться и сами. Вам необходимо будет прописать название модуля, включить его отражение и выбрать позицию расположения. А вот на Параметрах модуля, Дополнительных параметрах и Других настройках я остановлюсь более подробно.

Начну с параметров модуля

модуль JT SlideShow

  • Папка с изображениями — здесь указана папка по умолчанию, из которой будут показываться 5 различных изображений, modules/mod_jt_slideshow/photos куда Вы предварительно закачали фото.
  • Изображения — здесь указываем название картинок, это photo1 и так далее. Одно название на одну строчку.
  • Заголовок изображения — то есть здесь прописываете то что будет отражаться при появлении картинки. При этом следует учитывать очередность из предыдущего пункта.
  • Url ссылок изображений — указываем ссылки для картинок, соблюдая очередность с предыдущими двумя пунктами.
  • Активировать ссылки — для того чтобы совершать переход по ссылкам необходимо активировать данную функцию.
  • Открыть ссылки в — задаете в каком окне будет открываться ссылка
  • Добавлять  http  — добавлять http:// перед ссылкой
  • Информация — показывать заголовок картинок или нет
  • Размещение информации — где будет расположен заголовок
  • Выравнивание информации — выравнивание заголовков относительно картинок.

Теперь перейдем в Дополнительные параметры

модуль JT SlideShow

  • Эффект смены — данный модуль обладает 27 видами перехода смены картинок. В настройках можно выбрать либо все, либо только один. Если же Вы хотите применить несколько эффектов перехода , то в файле modules\mod_jt_slideshow\helper.php измените 16-ю строку, которая выглядит следующим образом

$this->fx = $params->get ( ‘fx’, ‘all’ );

на вот такую строку

$this->fx = ‘scrollLeft,scrollDown,scrollRight,scrollUp’;

где ‘scrollLeft,scrollDown,scrollRight,scrollUp’ – название эффектов.

  • Длительность показа слайдов — время, потраченное на демонстрацию всех картинок в миллисекундах
  • Непрерывная демонстрация — будет ли остановка изображений
  • Скорость — скорость смены отного изображени на другое миллисекундах
  • Скорость эффекта появления — скорость начала появления картинки(оставляем по умолчанию)
  • Скорость эффекта исчезновения — скорость исчезновения картинки(оставляем по умолчанию)
  • Действия активации — при каких условиях будет происходит смена картинок.
  • Shuffle – координаты анимации для эффекта перетасовки. Есть некоторые эффекты, в которых изображения как бы «улетают». Здесь можно задать дальность и направление полета изображений. Пример: top:15, left: 200
  • Случайный выбор — если актировать данную опцию, то изображения будут показываться в случайном порядке
  • Вписать изображение в окно модуля — подгонять изображение под контейнер
  • Подобрать размер окна модуля — погоняет размер картинок под размер модуля
  • Пауза — пауза в слайдшоу при наведении курсора на слайд
  • Пауза при смене страниц — пауза в слайдшоу при наведении курсора на номера слайдов
  • Автоматическая остановка — будет ли производиться автоматическая остановка слайда при показе
  • Первоначальная задержка — то есть указываете, что слайд начнет демонстрации только после загрузки сайта
  • Без перекрытия — картинки не перекрывают друг друга при смене
  • Случайный эффект — эффект перехода
  • Реверс — показывает эффекты в обратном направлении

модуль JT SlideShow

  • Галерея — активирован эту функцию картинки расположатся в модуле в ряд
  • Ширина галерие — ширина
  • Расположение галерии — расположение ряда картинок относительно поля пока слайда
  • Напрвление галерии — направление
  • Ширина миниатюр — ширина окна мини-изображения.Здесь не  стоит путать ширину окна мини-изображения с шириной мини-изображения. В первом случае это размер, в который будет вписано мини-изображение без изменения размеров. То есть, если мини-изображение имеет размер 500х500px, а ширина и высота окна мини-изображения 50х50px, то в окне мини-изображения будет показан лишь кусочек 50х50px
  • Граница между миниатюрами — расстояние между мини-изображениями. Здесь нужно указывать желаемое расстояние между мини-изображениями, разделенное на 2, так как оно откладывается от каждого мини-изображения, и суммарное расстояние получается в два раза больше
  • Рамка миниатюры — будет ли картинка заключена в рамку
  • Размер рамки миниатюры — размер рамки вокруг изображения в пиксилях
  • Цвет рамки миниатюры — указываете цвет рамки
  • Показать футер — то есть внизу сладшоу будет написано название модуля

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

[youtube]GYbBR-S5jcs[/youtube]

На сегодня я завершаю, но в ближайшее время познакомлю Вас с еще одним интересным слайдером картинок для Joomla

Всем удачи и до скорых встреч на блоге «Seo записки отчаянной«

Вам понравилась статья? Расскажите о ней друзьям!