Компоненты Joomla: создаем демонстрацию картинок с помощью модуля 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 кликаем по ней и попадаем на страницу с настройками данного модуля.

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

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

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

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

• Эффект смены — данный модуль обладает 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
• Случайный выбор — если актировать данную опцию, то изображения будут показываться в случайном порядке
• Вписать изображение в окно модуля — подгонять изображение под контейнер
• Подобрать размер окна модуля — погоняет размер картинок под размер модуля
• Пауза — пауза в слайдшоу при наведении курсора на слайд
• Пауза при смене страниц — пауза в слайдшоу при наведении курсора на номера слайдов
• Автоматическая остановка — будет ли производиться автоматическая остановка слайда при показе
• Первоначальная задержка — то есть указываете, что слайд начнет демонстрации только после загрузки сайта
• Без перекрытия — картинки не перекрывают друг друга при смене
• Случайный эффект — эффект перехода
• Реверс — показывает эффекты в обратном направлении

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

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

[youtube]GYbBR-S5jcs[/youtube]

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

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

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