Плагин Auto Highslide для увеличения изображенийВсем привет друзья. Буквально пару дней назад сделал небольшие изменения у себя на блоге связанные с изображениями, а именно их показ в более удобном виде для пользователя. Когда, я пишу какой-то пост, то стараюсь как можно шире раскрыть тему, чтобы мои читатели без трудностей могли повторить все описанные шаги. И в статьях, я использую множество скриншотов, для большей наглядности подаваемого материала. Понятное дело, что размеры этих самых скриншотов отличаются друг от друга, и если, к примеру, ширина на моем блога ограничивается размером в 540 px (если будет больше, то картинка будет “вылазить” за пределы поля ), то я не могу использовать картинки больше по размеру.

Поэтому необходимо искать решения как обойти эту проблему. Раньше, я использовал плагин Lightbox Plus ColorBox с помощью которого изображение увеличивалось в отдельном всплывающем окне. Но, его использование было не совсем удобным, нужно было загружать 2 скриншота (1 — в исходном виде, 2 — в виде который помещался бы на страницу) на хостинг, да и еще вручную прописывать код вывода для каждой картинки на блоге. Решив исправить эту самую проблему, я начал искать подходящие варианты.

[ads-pc-1]
[ads-mob-1]

Принцип работы плагина Auto Highslide

После недолгих поисков, остановился на плагине Auto Highslide. Этот плагин увеличивает изображение у вас на блоге от заданного до исходного.

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

При загрузке картинки или же скриншота, к записи на блог, обратите внимание на некоторые моменты. Во-первых, в поле Ссылка должен быть выбран, параметр Медиафайл, с помощью которого и будет происходит увеличение изображения. Также, не забудьте указать размер картинки, которая бы помещалась на ваш блог — обычно, это Средний размер.

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

настройки медиафайла

Все, больше ничего не надо делать. На скриншоте выше, вы можете увидеть результат работы плагина Auto Highslide.

А какие вы знаете методы работы с картинками?

[ads-pc-2]
[ads-mob-2]
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(2 голоса, в среднем: 5 из 5)