Бурашников Роман Александрович

Auto Highslide — плагин для увеличения изображений на сайте в WordPress

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

И так... Задачей было - сделать красивое увеличение картинок по клику мышкой. Перепробовал несколько плагинов из официальной библиотеке, таких как Easy FancyBox, Fancybox, FancyBox for WordPress,  jQuery Colorbox, а так же некоторые другие... Но у всех у них есть один серьёзный недостаток (у некоторых он не единственный) - картинка увеличивается только по величине экрана, т.е. если картинка длинная то она даже уменьшалась дабы быть подогнанной под экран. А что если картинка очень большая, например больше 2000 пикселей в ширину? Она будет открыта только по ширине экрана, а хотелось бы чтоб была ещё кнопочка для открытия её в оригинальном размере, чтоб можно было рассмотреть каждую деталь такой качественной фотографии.

На поиски плагина с подобной функцией я убил 2 часа... И наконец, вот он результат - плагин Auto Highslide.

Данный плагин установлен на этом блоге, поэтому вы можете проверить его на следующих 2-х фотографиях.

Балаклава

На Ай-Петри

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

Плагин можно скачать здесь - auto-highslide

Установка стандартная, т.е. на странице "плагины" -> "добавить новый" и затем "загрузить". Настроек у данного плагина нет, сразу после активации он начнёт работать.

Обновлено 15.04.15: Перевёл плагин на русский язык, файл перезалил.

VN:F [1.9.22_1171]
Рейтинг: +5 (голосов: 5), Понравилось: 5, Не понравилось: 0

Поделиться в:
Вы можете поблагодарить автора рублём, за понравившуюся статью, при помощи этой формы (нажать для открытия):

18 комментариев: Auto Highslide — плагин для увеличения изображений на сайте в WordPress

  • Спасибо. Классная статья. :gazeta: :popkorn:

    VA:F [1.9.22_1171]
    Рейтинг: 0 (голосов: 0)
  • Спасибо хороший плагин. Особенно понравилось , когда наводишь на изображение появляется лупа сразу понятно, что картинка может увеличиться.

    VA:F [1.9.22_1171]
    Рейтинг: 0 (голосов: 0)
  • Спасибо Большое за плагин!!!!!!!! как раз очень нужен на моем молодом сайте))

    VA:F [1.9.22_1171]
    Рейтинг: 0 (голосов: 0)
  • А у меня при увеличении картинка уходит под шапку.как то можно это исправить? :zloy:

    VA:F [1.9.22_1171]
    Рейтинг: 0 (голосов: 0)
  • Спасибо за интересный плагин, симпатичный))))

    VA:F [1.9.22_1171]
    Рейтинг: 0 (голосов: 0)
  • ❗ ❗ наконец-то. спасибо огромное!!!!!

    VA:F [1.9.22_1171]
    Рейтинг: 0 (голосов: 0)
  • Спасибо, что с примером сделали. А то про плагин такой читала, а как он увеличивает фото не очень понятно.

    VA:F [1.9.22_1171]
    Рейтинг: 0 (голосов: 0)
  • А почему его нет в официальной библиотеке плагинов? Не обижайтесь, но вызывает недоверие. Кто знает, что вы в него добавили еще 👿

    VA:F [1.9.22_1171]
    Рейтинг: 0 (голосов: 0)
    • потому что он давно перестал поддерживаться автором. Хотя плагин по прежнему работает и на последних версиях вордпресса.
      Злиться не надо, если опасаетесь что там есть что-то лишнее - это можно перепроверить, код в файле плагина очень короткий, естественно нужно хотя бы немного знать php, я сам его перепроверял когда ставил, внимательно тогда проверил, поскольку так же скачивал не из официальной библиотеки, а случайно наткнулся на каком-то сайте. Поэтому и сохранил у себя в качестве статьи, чтоб самому не потерять его 🙂

      VN:F [1.9.22_1171]
      Рейтинг: 0 (голосов: 0)
  • Спасибо, полезная вещь :good:

    VA:F [1.9.22_1171]
    Рейтинг: 0 (голосов: 0)
  • А как интересно можно сделать, чтобы англоязычная надпись появляющаяся при увеличении картинки была на русском? В файлах я её не нашла!

    VA:F [1.9.22_1171]
    Рейтинг: 0 (голосов: 0)
  • Работал плагин хорошо, Но потом перестал, то есть, курсор не изменяется при наведении его на картинку. Он работает с последней версией WordPress?

    VA:F [1.9.22_1171]
    Рейтинг: 0 (голосов: 0)
  • Заначек лупы не появляется, хотя плагин активирован успешно. И обновлял и чистил кэш.

    VA:F [1.9.22_1171]
    Рейтинг: 0 (голосов: 0)

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Бурашников Роман АлександровичБурашников Роман Александрович
Лучшие записи
Рекомендую
  • Beget — лучший хостинг для сайтов в России
  • Umi — единственный нормальный конструктор сайтов
  • Топвизор — проверка позиций сайта в поисковых системах
  • Pozvonim.com — обратный звонок на сайт
  • Модульбанк — лучший банк для предпринимателей
  • Vto.pe — накрутка в соц.сетях
Яндекс Диск 1ГБ дополнительного места