Карта сайта Контакты Главная

Наши партнёры

Архив новостей

Июнь 2020 (2)
Май 2020 (19)
Апрель 2020 (8)
Март 2020 (16)
Февраль 2020 (20)
Январь 2020 (17)

Друзья проекта

1  2  3  4  5  5  7  8 

Авторизация

Опрос

Мои среднемесячные расходы на хостинг

Больше 1001 руб.
От 501 до 1000 руб.
От 201 до 500 руб.
от 1 до 200 руб.
Пользуюсь бесплатным

Реклама

Реклама

Реклама

Реклама

Карта: 1, 2, 3, 4, 5, 6, 7, 8, 9

Счетчики


Яндекс.Метрика

Joomla: как создать простую галерею и настроить увеличение изображение при клике


Галерея давно стала неотъемлемой частью едва ли не любого сайта. Именно поэтому стоит понимать, какие инструменты стоит использовать для ее создания. Аналогичная ситуация и с увеличением изображения по клику: не всегда целесообразно добавлять в материал большую картинку, порой лучше обойтись маленьким фото, которое пользователь может при желании “развернуть. Разберемся, как реализовать эти две опции на движке, установленном на хостинг https://s-host.com.ua/.


Установка плагина


Скачайте расширение Very Simple Image Gallery. Перейдите в административную панель сайта, а точнее — в раздел "Расширения"/"Менеджер расширений"/"Установить"/вкладка "Загрузить файл пакета" и загрузите плагин. Подождите. пока не появится сообщение об успешном завершении установки и переходите к настройкам.


Настройка плагина


Настройки плагина собраны на странице "Расширения"/"Менеджер плагинов"/Very Simple Image Gallery:




  • включите плагин;




  • укажите ширину галереи (Gallery width);




  • укажите максимальную высоту картинки (max. Image height);




  • укажите качество изображения (Image quality);




  • выровняйте галерею (Align the gallery):




Joomla: как создать простую галерею и настроить увеличение изображение при клике




  • укажите ширину и высоту миниатюр (Thumbnail width и Thumbnail height);




  • как обрезать изображение (Crop thumbnails);




  • выберите качество эскизов (Thumbnail quality);




  • отступы между эскизами (Space between thumbs);




  • показанные эскизы (Thumbnails are shown);




  • количество столбцов (Thumbnail columns);




  • порядок сортировки (Sort order):




Joomla: как создать простую галерею и настроить увеличение изображение при клике


Кроме того, здесь же вы можете настроить навигацию, заголовки, текст и ссылки изображений, а также указать папку, из которой будут “подтягиваться” картинки:




  • корневой каталог изображений (Image root);




  • если вы используете кнопки, укажите путь к папке с ними (Buttonfolder);.




  • включите/отключите использование javascript (Use javascript?) и пр.:




Joomla: как создать простую галерею и настроить увеличение изображение при клике


Добавление галереи на сайт


Перейдите к созданию/редактированию страницы, на которой будет размещаться галерея, и добавьте {vsig}название папки с изображениями в корневом каталоге картинок{/vsig}. Сохраните материал и проверьте, как работает галерея на сайте:


Joomla: как создать простую галерею и настроить увеличение изображение при клике


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


Увеличение картинки по клику


Что касается увеличения картинки по клику, то данная опция позволит добавлять в материал небольшие картинки, не “перегружая” тем самым текст объемными изображениями.


Для решения этой задачи нам понадобится плагин SP Thumbnail. Скачайт расширение на свой компьютер, а затем перейдите на страницу "Расширения"/"Менеджер расширений"/"Установить" и установите его на вкладке "Загрузить файл пакета".


Далее нужно сделать следующее:




  • откройте раздел админпанели "Расширения"/"Менеджер плагинов";




  • найдите плагин SP Thumbnail и кликните на него;




  • поставьте “Включено” в поле “Состояние”.




Теперь вам предстоит выбрать, какие изображения будут увеличиваться при нажатии на них. В поле “Эскизы для” представлены три варианта:




  • только класс;




  • кроме класса;




  • все изображения:




Joomla: как создать простую галерею и настроить увеличение изображение при клике


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


Joomla: как создать простую галерею и настроить увеличение изображение при клике


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


Joomla: как создать простую галерею и настроить увеличение изображение при клике


Сохраните внесенные изменения и проверьте, корректно ли отображается изображение при нажатии на него:


Joomla: как создать простую галерею и настроить увеличение изображение при клике


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






Joomla: как создать простую галерею и настроить увеличение изображение при клике


Опубликовано: 13-07-2017, 17:51   Комментариев Категория: Статьи Просмотров Просмотров: 12295

Другие новости на эту тему:

Теги к статье:

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.