Увеличение картинки плагином Shutter Reloaded

Главная » Плагины WordPress » Увеличение картинки плагином Shutter Reloaded

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

Для чего необходимо увеличение картинки

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

Плагин Shutter Reloaded

Так вот, для тех, кто не знает, увеличение картинки поможет сделать плагин Shutter Reloaded или плагины серии Lightbox. Но сразу должна оговориться, что с этим простым решением пришлось значительно повозиться. Первым попался плагин Lightbox Plus, который по всем описаниям должен был заработать без всяких проблем. Но, что я только не делала, прочитав множество блогов, по крупицам собирая информацию. Задавала нескольким блогерам вопросы, но все они остались без ответа, за исключением одного, который тоже не помог. Когда надежда была потеряна, решила испробовать плагин Shutter Reloaded. И, о чудо, он сразу же заработал без всяких настроек, несмотря на то, что имеет 5 видов активации. В настройках плагина можно еще указать страницы, которые вы хотите исключить из работы плагина Shutter Reloaded.

Как добиться увеличения картинки

Для нормальной работы Shutter Reloaded, чтобы увеличение картинки выглядело всплывающим, необходимо подготовить 2 картинки. Одна картинка должна быть большого размера – с целью показа ее в увеличенном виде, другая — маленького, чтобы поместить в пост. Читала, что для некоторых плагинов достаточно иметь только большую картинку, но не думаю, что это хорошо. Большая картинка увеличивает скорость загрузки сайта, о которой я говорила выше.

Shutter ReloadedКак я это делаю. Средствами WordPress вставляю рядом две картинки: сначала большую, затем маленькую. После этого строку <img src=“http://biznes-mesto.ru/wp-content/uploads/uvelichenie-kartinki.jpg“/> большой картинки заменяю на аналогичную строку маленькой картинки. Таким образом, маленькая картинка становится кликабельной, а дальше плагин Shutter Reloaded сделает свое дело. Остаток кода второй маленькой картинки удаляю.

Для того, чтобы видеть, эффект увеличения картинки плагином Shutter Reloaded, нажмите на картинку и любуйтесь. А у меня появилась возможность показать домашние фотографии тематики, отличной от заработка в сети.

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

Подборка плагинов для увеличения картинки

И на закуску. Если по какой-то причине у вас не заработает плагин Shutter Reloaded, а времени разбираться не будет или не будет желания, то можете попробовать другие плагины этой серии:

Lightbox Plus
Picasa LightBox
Lightbox Gallery
jQuery Lightbox For Native Galleries
Flexible Lightbox
Add LightBox & Title
Slimbox
Shadowbox JS
Add Lightbox
Lightbox 2
ЮjQuery Lightbox Plugin

Если вы уже применяете эффект увеличения картинок, то какой плагин используете? Были у вас проблемы по работе этих плагинов?


Читайте также:

Увеличение картинки плагином Shutter Reloaded” - комментариев: 12

  1. Владимир, мне тоже понравился этот плагин. А еще я искренне рада вашему визиту. Что-то мы в суматохе стали забывать своих друзей, редко ходим друг к другу в гости. А ведь поначалу активно помогали друг другу. Я тоже, к сожалению, грешу этим. Обещаю исправиться.

  2. Да я тут вообще почти полгода ничего не делал в сети и вылазил очень редко. За последние 2-3 месяца написал две статейки. Проблемы были очень серьезные. Вот теперь нужно наверстывать. Хорошо, что за эти полгода Яша ничего не предпринял в отношении меня в плане ухудшения показателей. За это ему спасибо.

  3. Да, что касается Яши, то действительно здорово. Желаю успехов и не пропадайте, подписалась, Владимир, на ваш блог по почте, мне так удобнее — всегда буду в курсе. А то до ридера не всегда руки доходят.

  4. Марина, я у себя переустановил Shutter Reloaded на FancyBox. FancyBox мне больше по душе. На своем новом проекте его применяю. Мне не понравилось, как Shutter Reloaded выводит фон на весь экран.

  5. Сейчас пойду посмотрю, Владимир, спасибо за информацию. А для этого плагина тоже нужно 2 картинки (маленькая и маленькая)?

  6. Здравствуйте Марина! Задался целью поставить себе подобный плагин и через поисковик вышел на ваш блог. Спасибо за приглашения, обязателно воспользуюсь. Вот в этой строчке мне немного непонятно стало: «Большая картинка увеличивает СКОРОСТЬ загрузки сайта, о которой я говорила выше». Может быть это должно было звучать: …»увеличивает ВРЕМЯ загрузки»… Прошу простить, если не правильно понял текст. С Уважением Михаил.

  7. Михаил, конечно, Вы правы насчет времени загрузки, сейчас поправлю в статье, спасибо за коррекцию.

  8. Марина, спасибо за плагин, только скажите как Вы сделали функцию, что картинка выезжает, а потом улетает. Я не нашел с ходу таких функций в этом плагине

  9. Тарас, никакой специальной функции нет, так работает плагин. Но, позже я поставила плагин FancyBox for WordPress, он мне больше понравился. Сейчас именно этот плагин работает на блоге.

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

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

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