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

Увеличение картинки на сайте при клике очень желательно. Маленькую картинку всегда хочется рассмотреть детально. Как сделать увеличение картинки на сайте по клику с помощью плагина «Аuto-highslide» пойдет речь в этой статье.

Несколько лет на своих сайтах я использую плагин вордпресс «Аuto-highslide». Он настолько неприхотлив и безотказен, что я забываю о его существовании.

В репозитории плагинов вордпресс я его не нашел, скорее всего автор прекратил его поддержку.

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

плагин «Аuto-highslide». Он настолько неприхотлив и безотказен, что я забываю о его существовании.

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

Что бы изображение увеличивалось по клику необходимо при его добавлении в запись или на страницу указать в настройках ссылку на медиафайлЕсли это все вы сделали, то переходим на страницу смотреть что получилось. А получилось все замечательно. Над кликабельной картинкой курсор примет вид лупы с крестиком посредине, подсказывая посетителю, что хорошо бы кликнуть по ней.

увеличение картинки на сайте

При помещении  курсора над картинкой появляется подсказка «Кликните для закрытия изображения, зажмите левой клавишей для перемещения, кликайте стрелкой «вперед » и «назад»  для навигации по всем изображениям на странице», язык подсказки к сожалению только  английский.

Но суть ясна. Если кликнуть по картинке и затем листать кнопкой Next , значит иметь возможность просмотреть все изображения на странице как в галерее. Так что не сомневайтесь нужно ли или нет. Cкачивайте, устанавливайте и пользуйтесь.

Скачать плагин «Аuto-highslide»

Когда писал статью, то наткнулся на сайте www.scrollleiste.de   на аналогичный плагин, «highslide-integration_v2.2» очень похожий на первый.

Плагин вордпресс «highslide-integration_v2.2» в принципе делает почти то же самое что и «аuto-highslide» – увеличивает  изображение по клику, но в нем добавлено еще несколько фишек.

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

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

Мне не очень нравится когда панель навигации  перекрывает собой часть изображения и функция листания в записях мне тоже не очень нужна.

Кроме того плагин «highslide-integration_v2.2»  потяжелел по весу в два раза по сравнению с «аuto-highslide» .

Если вас это не смущает, или вам наоборот  нужна именно  такая панель навигации, можете скачать плагин по ссылке указанной выше и установить его на свой сайт.

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

Если у вас возникнут вопросы по поводу этих двух плагинов, то, пожалуйста, обращайтесь

Записи на похожую тему

5 комментариев к “Увеличение картинки на сайте по клику”

  1. Здравствуйте! Несколько дней изучаю все ваши статьи о картинках, нигде нет такой информации как у вас.. Но больше всего нравится как блок ПОХОЖИЕ СТАТЬИ в конце каждого поста. Это очень важный элемент оформления для удержания посетителя… Как вы это делаете!!!?

  2. Добрый день! Блок похожих записей выведен у меня с помощью плагина «Related Posts for WordPress». Он есть в репозитории плагинов вордпресс https://ru.wordpress.org/plugins/related-posts-for-wp/. Достаточно легкий, почти не требует настройки. После установки под каждой записью в админке, в самом низу появится блок, в котором похожие записи выводятся автоматически. НО возможно их выбрать и указать вручную, те которые вам кажутся наиболее подходящими. В общем советую его

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

  4. Тогда я советую вам попробовать плагин Аuto-highslide. Он именно так и работает. Один клик увеличивает картинку, а потом можно увеличить еще больше. Плагин считается устаревшим, в репозитории его нет. Хотя работает он без проблем. Можете скачать и попробовать его работа на локальном сайте вначале. Я не мог продемонстрировать его работу, потому что сменил этот плагин на плагин WP Featherlight — A Simple jQuery Lightbox, он сейчас стоит у меня на сайте.

  5. К сожалению, WP Featherlight — A Simple jQuery Lightbox сейчас не доступен(

Оставьте комментарий

Мы используем cookie-файлы для наилучшего представления нашего сайта. Продолжая использовать этот сайт, вы соглашаетесь с использованием cookie-файлов.
Принять
Политика конфиденциальности