Увеличиваем картинки на Joomla

плагин Zoom Добрый день, уважаемые читатели и гости LediSeo! Мне уже неоднократно на почту, да и в комментариях приходили сообщения с просьбой рассказать как можно увеличить картинки на Joomla. Ответить по отдельности каждому из Вас у меня просто нет времени и благодаря Вам появилась идея написания данного материала. Ведь я на страницах своего блога рассматриваю не только продвижение сайта от а до я, но и его создание на таких движках как joomla и wordpress. Как увеличить картинги на wordpress я уже подробно описывала, сегодня же будем учиться увеличивать картинки в joomla с помощью простого плагина Zoom.

Увеличить картинки на сайте joomlа можно с помощью различных дополнительных расширений. Какому отдать предпочтение сказать сложно, но для нас важен сам эффект увеличение и простата настройки. Протестирован не одни плагин, я решила остановить свой выбор на простейшем плагине Zoom,который позволяет не только увеличить картинку, но и еще открытие веб страничек в отдельном окне. Правда, у данного плагина есть один небольшой минус – необходимость создания дубликата изображения в миниатюрном виде.К сожалению, мне не удалось найти плагин joomla, который работал бы наподобие плагина Auto Highslide на wordpress и облегчал бы мне работу, но на то и разница между используемыми движками.

Итак, чтобы увеличить картинку на Joomla, скачиваем плагин Zoom, устанавливаем его обычным образом на сайт. Затем заходим во вкладку Расширения – Плагины и активируем плагин. То есть ищем строку YOOeffects и меняем его статус на включен, должна появиться зеленая галочка.

плагин zoom

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

Создать миниатюру мне поможет фотошоп. Открываем наше изображение с помощью данной программы, заходим во вкладку Изображение – Размер изображения и в открывшемся окне в поле Размерность указываем необходимый нам размер миниатюры (стрелочка 1), при этом сняв галочки в строках Масштабировать стили и Сохранить пропорции (стрелочка 2), нажимаем на кнопку Ок (стрелочка 3).

создание миниатюры изображения

Если результат нас устраивает, то сохраняем получившуюся миниатюру Файл – Сохранить изображения для web в открывшемся окне выбираем Сохранить и задаем имя нашей миниатюре. Вот здесь примите небольшой совет: созданная миниатюра должна иметь аналогичное название как и у исходного изображения с припиской слова “mini”, то есть если изображение называется kapusta.jpg, то его миниатюра должна иметь название kapusta-mini.jpg. Таким образом мы избежим путаницы при вставке изображений в статьи.

Итак, теперь закачиваем оба изображения на хост, в необходимую нам папку, открываем статью на редактирование в режиме HTML и в месте где должна отражаться картинка прописываем следующий код:

код для увеличения картинки в joomla

где зеленым я подсветила путь к оригинальному изображению большого размера, ярко – розовым подсвечен title изображения, он будет выводиться при увеличение картинки на Joomla, синим подсвечен размер большого изображения, желтым указан путь к миниатюре, а вот оранжевым подсвечен стиль вывода картинки, то есть в моем случае это граница. Но можно указать и отступы, а также и расположение картинки относительно текста, то есть тогда код примет следующий вид:

код для увеличения картинки в joomla

Сохраняем произведенные изменения, открываем наш сайт на Joomla, заходим в нашу статью и проверяем как увеличиваются картинки в Joomla (посмотреть работу плагина Zoom можно на сайте http://ylevona.ru). Хочу заметить, что картинки в Joomla с помощью данного плагина будут увеличиваться именно до того размера какой Вы укажете сами.

Как увеличивать картинки в Joomla с помощью плагина Zoom разобрались, но не стоит забывать и о том, что он же позволяет открывать веб страницы в новом окне с подобным же эффектом. Для этого достаточно только прописать следующий код:

код для открытия ссылки в новом окне с помощью Zoom

где болотным цветом я подсветила адрес страницы, которая откроется в новом окне, серым указываю размер окна, а небесным анкор ссылки.

Сохраняем произведенные изменения. К сожалению, я не смогла на своем ресурсе найти возможность как использовать данную функцию плагина Zoom, чтобы наглядно Вам продемонстрировать, но Вы можете это использовать на свое усмотрение.

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

На сим я прощаюсь. Всем удачи и до новых встреч!

С уважением, не отчаянная Отчаянная

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