A- A A+
Расширение Joomla - LV Image Zoomer

Картинка какая-то непонятная, возможно нужно увеличить масштаб браузера? А вот и нет! Оказывается на сайте может быть установлена самая настоящая лупа... Получите и распишитесь - LV Image Zoomer!

Карточка расширения LV Image Zoomer:

Дополнительная информация

Тип расширения: Модуль
Версия: 1.0
Совместимость: 1.5, 2.5

Шаг 1. Установка модуля

РАСШИРЕНИЯ => МЕНЕДЖЕР РАСШИРЕНИЙ => Установка из URL. Вставляем ссылку - http://www.lernvid.com/attachments/article/383/mod_lv_image_zoomer_2-j1.6-j1.7.zip

Ссылка для версии Joomla 1.5 - http://www.lernvid.com/attachments/article/383/mod_lv_image_zoomer_2-j1.5.zip

Расширение Joomla - LV Image Zoomer

Шаг 2. Включение расширения

Переходим в РАСШИРЕНИЯ => МЕНЕДЖЕР МОДУЛЕЙ и находим строку LV Image Zoomer 2.

Расширение Joomla - LV Image Zoomer

В разделе Подробно меняем заголовок (Галерея), выбираем позицию (position-7) и опубликовываем.

Расширение Joomla - LV Image Zoomer

Ниже выбираем пункты меню - Привязка к пунктам меню.

Шаг 3. Настройка - Layout

Переходим в раздел Layout:

    • Zoom Type - Варианты увеличения изображения. Подберите сами, здесь оставляем "standard".
    • Popup width (height) in px - Ширина (высота) всплывающего окна в пикселях. Пусть будет 300 на 200.
    • xOffset (yOffset) in px - Отступы от маленькой картинки в пикселях.
    • position - Расположение всплывающего окна по отношению к основному изображению.

Расширение Joomla - LV Image Zoomer

  • Show Image Title? - Показ заголовка увеличенной картинки. Можно убрать - "NO".

Остальные параметры данного раздела оставляем по умолчанию.

Шаг 4. Настройка - Images

А в этом разделе Images придется потрудиться:

  • Number of images - Выбираем количество выводимых изображений от 1 до 10.
  • Small Images 1 - Указываем путь к 1-й (маленькой) картинке. В папке images создаем каталог (например, zoomer), и в него помещаем изображение (1.jpg). Получается путь - images/zoomer/1.jpg.
  • Large Images 1 - То же самое с увеличенным изображением (1+.jpg).
  • Images Title 1 - Даем название картинке (Птица). Если Вы отключили выше показ заголовка (Show Image Title), можете не заполнять.

То же самое проделываем для вторых изображений.

Расширение Joomla - LV Image Zoomer

Шаг 5. Настройка - Other

Два существенных момента:

  • Load jquery js - Подключать ли jQuery?. Если на сайте уже используется библиотека - NO. Как проверить наличие подключения, рассказано в уроке "Проверяем подключение jQuery".
  • Module Class Suffix - Здесь можно указать стиль для отображения модуля.

Шаг 6. Достаем лупу

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

Расширение Joomla - LV Image Zoomer

Наводим на цветочный снимок и справа появляется всплывающее окно. Теперь маленькую картинку можно рассматривать с эффектом линзы во втором окне.

Расширение Joomla - LV Image Zoomer

Вставка модуля в статьи

Вы также можете вставить подобные картинки в любой материал с помощью плагина "Sourcerer".

10 картинок? Маловато будет

Если не хватает десять картинок для Вашей галереи, есть простой выход.

Ставите чекбокс возле названия модуля и нажимаете кнопку Дублировать.

Расширение Joomla - LV Image Zoomer

Теперь появился дубликат модуля - LV Image Zoomer 2 (2), что означает, наличие у Вас в распоряжении не 10 картинок, а 20-ти. Таким образом, Вы можете вывести любое количество изображений для эффектного просмотра.

Расширение Joomla - LV Image Zoomer

Вооружайте Ваших посетителей лупами!

 

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

Защитный код Обновить

Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

МОЙ TELEGRAM-КАНАЛ

ПОДПИСАТЬСЯ!


Перенос на хостинг

Перенос на хостинг

Бесплатный видео-курс по переносу готового сайта на одну из лучших хостинг-площадок РУнета.

Смотреть (бесплатно)

Бессмертный сайт

Бессмертный сайт

2 урока, 16 минут, и Ваш сайт - БЕССМЕРТНЫЙ!

Узнать подробности!