Урок 73. Плавное увеличение картинки в WordPress – плагин Image Zoom

Последнее изменение поста: Декабрь 16, 2016

Плагин Image Zoom - плавное увеличение картинок WordPress

Приветствую! Давненько я ничего не писал в блог. Сегодня я расскажу, как сделать, чтобы при щелчке по картинке, она плавно увеличивалась. В уроке 70 я обещал, что напишу урок на эту тему. Плавное увеличение картинки можно осуществить с помощью плагина Image Zoom.Плагин Image Zoom позволяет динамически увеличивать изображение, как в комментариях, так и на страницах блога.

Следующие возможности плагина:

  1. Плагин позволяет настраивать ширину и высоту изображения
  2. Изменять время при переходе на другое изображение
  3. Менять положение кнопок
  4. Функция автоматического запуска слайд-шоу
  5. Настройка непрозрачного фона.

Существует еще плагин Lightbox Plus для WordPress, но  Image Zoom мне нравится больше, потому что в нем предусмотрены настройки для изображения, а тот плагин не имеет настроек вообще.

Плавное увеличение картинки в WordPress - плагин Image Zoom

Скачайте плагин по этой ссылке: http://wordpress.org/extend/plugins/image-zoom/, установите его и активируйте. Как устанавливать плагин, Вы можете прочитать в уроке 10, поэтому установку пропустим. Перейдите "SL Plugins" -> "Image Zoom" -> "Параметры".

Здесь можно настроить плагин на свое усмотрение. Плагин русифицирован, поэтому все должно быть понятно, даже новичку. Но некоторые функции я Вам все же подскажу.

Урок 73. Плавное увеличение картинки в WordPress - плагин Image Zoom

  1. "Выбери тему - выбор темы. Каждая тема имеет свои особенности, поэтому подбирайте ту. которая Вам больше нравится. Всего на выбор три темы.
  2. "Время перелистывания слайд шоу" - Этот параметр задает время перелистывания слайд шоу, т. е. время задержки при переходе на другую картинку.
  3. "Автозапуск слайд-шоу" - если установлена галочка в чекбоксе, то при клике на изображение автоматически запустится слайд шоу.

На этом все. Плагин прост в настройке, да еще на русском языке.

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

До встречи в следующем уроке.

_________________________________
К Урок 74. Корректировка шаблона WordPress

Получайте свежие статьи на свою почту

Поделиться статьей с друзьями


55 Comments

  1. Спасибо. полезная штучка. А хочу спросить у вас- есть ли у Вас статья про закладки и далее “мне нравится” очень хочу поставить, но не знаю как?

    • Нету у меня статьи про “Мне нравится”, но у меня есть статья о социальных кнопках. После установки этих социальных кнопок появляется “Мне нравится” и куча закладок. Можете посмотреть у меня в конце любой статьи.

  2. Установил плагин. Зашел на Image Zoom и система выдала Your theme contains (i.e. in /var/www/vhosts/designzoom.ru/httpdocs/wp-content/themes/sight/header.php file) a hardcoded reference to the jQuery javascript library.

    This reference may break the plugin. So, if the plugin does not work, please either delete this reference or move it just after the declaration.

    • Из этого всего я понял, что Ваша тема WordPress содержит какую-то ненужную ссылку. Я с такой ошибкой никогда не сталкивался. Даже не знаю, что посоветовать. Попробуйте удалить эту ссылку

  3. Блин, у меня такая же ошибка Your theme contains (i.e. in /var/www/vhosts/designzoom.ru/httpdocs/wp-content/themes/sight/header.php file) a hardcoded reference to the jQuery javascript library.

    Андрей
  4. Блин, у меня такая же ошибка a hardcoded reference to the jQuery javascript library.

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

    ирина
  6. Юрий, а вы не подскажите по каким причинам картинка может не загружаться на блог при создании нового поста, раньше все было нормально?

    • Елена, картинка может не загружаться на сайт, если она больше 2 мб.

      • Юрий, с размером у картинки все нормально. А ещё какие могут быть причины ?

        • Елена, какая-нибудь предупреждающая надпись появляется после неудачной загрузки картинки? Проблемы могут быть еще по следующим причинам: большое время загрузки, запрещающие права на папку с картинками, или вообще отсутствие папки. Если все, что я перечислил, не относится к вашему блогу, то попробуйте добавить в файл .htacces следующую строку: AddType x-mapp-php5 .php. Потом попробуйте загрузить изображение.

          • Да пишет красными буквами Во время загрузки произошла ошибка. Просит повторить попытку позже. Целый день уже так пишет. Но до этого то все нормально работало ? Что могло случиться, с моей стороны действий то никаких не производилось?

            • Попробуйте добавить в файл .htacces такую строку: AddType x-mapp-php5 .php
              Если не поможет, тогда я больше не знаю, что можно сделать. Если у вас хостинг sprinthost, можете смело обратиться в службу поддержки с этой проблемой.

  7. я конечно, извиняюсь , а как эту строчку туда добавить ?

    • Зайдите через FTP в на свой блог, в корневую папку. Найдите там файл .htsccess и скопируйте его на компьютер. Добавьте строчку AddType x-mapp-php5 .php в конце файла. Сохраните файл и скопируйте его обратно в блог. Если у вас файл .htsccess не существует, тогда его нужно создать.

  8. Юрий, я вроде бы сделала,у меня все получилось, правда, я пошла другим путем, не дождалась вашего ответа. Спасибо вам за отклик, хорошо когда есть ещё такие люди как вы !

    • Хорошо, Елена, что вы разобрались со своей проблемой. Пишите еще, если будут вопросы.

  9. Здравствуйте,подскажите почему плагин не работает..я его установил а картинки не увеличиваются,не работает плагин Зум как должен..вообще картинки не кликабельны?

    Слава
    • Здравствуйте, Слава.
      Я не знаю, почему не увеличиваются картинки. У меня он работал нормально, но потом тоже какие-то функции перестали работать. Пришлось его отключить.

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

    Слава
    • Слава, я не понял, за каким ползунком, вы хотите чтобы следовали кнопки?

  11. ммм.как обьяснить..вот смотрите у вас слева плавующая ссылка на Обратная связь,вот тоже самое только соц кнопки сделать для сайта?))как?

    Слава
    • Теперь понял. Это можно сделать с помощью сервиса pluso.ru. Можете еще урок 34 почитать у меня на блоге. В уроке тоже есть про плавающие кнопки.

  12. Добрый вечер!Юрий,у меня ещё вопрос возник , подскажите пожалуйста, как можно отключить комментарии на блоге к одной определенной статье ?Может у вас тут и написано было , но я посмотрела и не нашла на вашем блоге.

    • Комментарии отключайте при написании статьи. Там внизу есть эта функция

  13. Вам, за то что всегда отвечаете ! А мне за что ?

    • Вам спасибо за то, что поздравили 🙂

  14. Установил плагин для увеличения изображения на сайт. Очень даже хорошо все срабатывает. Спасибо за подсказку

    Всеволод
    • Конечно будет работать, если все правильно сделать

  15. Здравствуйте!
    Отличный плагин, все работает, но он работает для всех картинок на сайте, а мне это нужно не на всех страницах.
    Как задать исключения???
    Заранее спасибо за ответ!

  16. То есть список исключений я нашел, но оно чтото не отрабатывает, сайт пока локально у меня под Denwer-ом.
    Спасибо

  17. Еще раз спасибо, разобрался)

    • Хорошо, Дмитрий, если разобрались

  18. Добрый день, Юрий!
    Скачал, установил, вел параметры, обновил. Плагин активный, а вот ничего не произошло. Картинки нужно как то заново загружать или все картинки должны работать. Ничего не происходит. Хэлп ми плиз 🙂

    Алексей Denisofff
    • Алексей, все должно работать. Картинки загружать не надо. Если не получится решить проблему, можно попробовать установить плагин Zoom Image

  19. Юрий, не могли бы вы сбросить ссылку на Zoom Image. За ранее спасибо.

    Алексей Denisofff
    • Вот ссылка на плагин: http://wordpress.org/plugins/zoom-image/
      Алексей, в принципе, на сайте wordpress.org можно найти любой плагин. А еще быстрее плагины можно находить через админ панель.

  20. Спасибо! Все рекомендации учту!

    Алексей Denisofff
  21. Не работает 🙁 Может быть проблема в теме или еще где?

    Алексей Denisofff
    • Странно! У этого плагина рейтинг 5 звезд. Алексей, если через панель администратора “Плагины” > “Добавить новый”, ввести в поисковое окошко “image zoom” или “zoom image”, без кавычек конечно, то можно будет подобрать какой-нибудь хороший плагин для изображений. У меня раньше плагин “Image Zoom” хорошо работал. Возможно с новыми версиями WordPress он перестал выполнять свои функции.

  22. Спасибо, Юрий! Разобрался! Действительно плагины не подходили к моей версии движка. Но с вашей помощью отыскал очень не плохой, динамичный плагин WP Lightbox 2. Подходит к версии WordPress 3.7.1 ! Все работает! Спасибо.

    Алексей Denisofff
    • Рад, Алексей, что нашелся подходящий плагин. Теперь и я буду знать, что плагин WP Lightbox 2 работает :).

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

    • Этот плагин работает только с картинками. И картинки не выдвигаются, а увеличиваются ее размер

  24. Рано обрадовалась, установила, не работает 😐 Перепробовала ещё несколько, остановилась на WP Lightbox 2. Немножко б настроек ему ещё, но это я уже придираюсь 😀 Алексею спасибо за подсказку)

  25. Не работает плагин.

    Альберт
    • Может и не работает, но раньше работал

  26. Статья про фото плагин а у самого ниче не стоит, голый WP шаблон, от чего так то? аЦтой!

    Elward
    • Если я отключил плагин, значит надо было и статью удалить? Статья была написана летом 2012 года, это о чем-нибудь говорит?

  27. Неактуальный уже плагин, есть уже и получше

    Борис
  28. У меня почему-то не виден крестик закрытия увеличенной картинки. причём перебрала все темы плагина – вид стрелок и рамок один и тот же, отличный от всех предложенных вариантов. Почему так???http://3dream-viz.ru/portfolio/dizajn-interera-kvartir

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

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