Компоненты 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 записки отчаянной«
Возможно Вам это будет интересно:
Вам понравилась статья? Расскажите о ней друзьям!