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

Плагин 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 комментариев к “Урок 73. Плавное увеличение картинки в WordPress — плагин Image Zoom”

  1. татьяна

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

  2. Борис

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

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

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

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

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

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

  8. Алексей Denisofff

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

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

  10. Алексей Denisofff

    Не работает 🙁 Может быть проблема в теме или еще где?

  11. Алексей Denisofff

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

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

  13. Алексей Denisofff

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

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

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

  16. Алексей Denisofff

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

  17. Дмитрий

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

  18. Дмитрий

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

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

  20. Всеволод

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

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

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

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

  24. Слава

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

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

  26. Слава

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

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

  28. Слава

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

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

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

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

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

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

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

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

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

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

  38. ирина

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

  39. Андрей

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

  40. Андрей

    Блин, у меня такая же ошибка 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.

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

  42. Анатолий

    Установил плагин. Зашел на 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.

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

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

Комментарии закрыты.

Прокрутить вверх