Плагин для WordPress LightBox Plus — показ картинок без переходов

Have a question? Ask in chat with AI!

lightbox logoСделали мне тут замечание, что картинки на моем блоге показываются на отдельной странице. Пользователям после просмотра картинки приходится нажимать «назад» в браузере, чтобы вернуться к статье. Только хотел заняться поиском подходящего плагинаскрипта, а тут Алексей Скорняков aka seowit запостил в твиттер про LightBox Plus. Решил попробовать и абсолютно доволен. Далее мини-обзорчик плагина.

[adsense]

Как установить плагин LightBox Plus

Качайте отсюда. Установка как обычно — распаковать архив в папку
/wp-content/plugins, хотя я предпочитаю пользоваться поиском плагинов в админке и устанавливать на лету.
Установить плагин WordPress ‹ RusDigi.org

Настройка плагина LightBox Plus

Далее активируем и заходим в настройки плагина — "Внешний вид"->LightBox Plus. Здесь все просто и интуитивно понятно. В разделе «Base Settings» имеет смысл перевести надписи picture, previous, next, close на русский.

Остальные настройки я не трогал, так как пока надобности в настройке слайдшоу нет. Если вы хотите, то настраивайте на здоровье 😉

Далее, чтобы плагин LightBox Plus для WordPress заработал необходимо, чтобы картинки вставлялись в таком виде:
<a href="URL большой картинки"><img src="URL маленькой картинки" /></a>
Если быть точнее, когда вы используете стандартный загрузчик изображений в WP, то ссылки проставляются как раз таким вот образом.

Бонус

Возможно не я один окажусь таким везучим 😉 Тему верстал сам и, как оказалось, это может повлиять на работу плагина. В файле footer.php отсутствовала функция wp_footer(), которая является хуком и позволяет “подцеплять” произвольный материал к базовым функциям. То есть дает возможность различным плагинам работать правильно. Вставляется она в самом конце перед закрывающим тэгом body. Код выглядит вот так:

< ?php
	/* Always have wp_footer() just before the closing
	 * tag of your theme, or you will break many plugins, which
	 * generally use this hook to reference JavaScript files.
	 */

	wp_footer();
?>

UPD: если вам необходимо задать максимальные размеры для окна lightbox вы можете сделать это в настройках плагина. Для этого необходимо войти в «админ-панель», далее «внешний вид» и найти пункт LightBox Plus. На странице настроек плагина LightBox Plus, под «General Settings», есть меню с настройками плагина. Щелчком левой кнопки мыши необходимо раскрыть пункт «Primary LightBox — Base Settings» и найти строки «Maximum Width» и «Maximum Height» — это соответственно максимальная ширина и максимальная высота выводимого изображения. Значения можно указать и в процентах и в пикселях — как вам удобнее.
lightbox настройки

 


26 комментариев для “0

  1. Уведомление: Плагин WordPress LightBox Plus – показ картинок без переходов | Grabr
    1. проверте функцию wp_footer — у меня проблема в ней была. ну и картинки желательно вставлять через встроенный медиа менеджер — тогда будет правильно ссылка прописываться

      1. картинки вставлял через медиа менеджер. wp footer тоже вставлял, результата 0. пробовал в 3-х браузерах

          1. понять бы еще ЧТО нужно забрать из wp_footer…

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

      1. спасибо, я конечно в английском немного шарю))) там прото трабл в том, что нужно заполнять поидее все поля для высоты и  ширины, иначе ничего особого не получиться и будет либо загружаться по дефолту, либо вообще не будет загружаться…
        за плагин ещё раз спасибо…

  3. Помогите пожалуйста! установил плагин, но он сначала при нажатии открывает картинку как бы в новом посте, а потом при повторном нажатии уже разворачивает…:(   а мне надо чтобы сразу, никак не могу победить эту проблему, чайник одним словом, подскажите пожалуйста где надо поковырять, заранее большое спасибо!

    1. обратите внимание на формат ссылок, они должны быть в точности как в посте

  4. Все равно не могу догнать… использую стандартный загрузчик изображений в WP, адрес картинки на главной странице  //localhost/имяl.kz/250.htm/image00001.jpg
     , после нажатия на картинку //localhost/имяl.kz/wp-content/uploads/2011/07/Image00001.jpg и вот уже тогда нажимаю — разворачивается, подскажите пожалуйста более подробно где и что мне надо поправить а то я в этих делах новичек

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

    1. попробуйте посмотреть в уже опубликованной статье. обратите внимание на функцию wp_footer — она должна быть прописана в файле footer.php

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

  6. А как избавиться от надоедливых next previous?
    Еще хотел бы убрать нафиг счетчик внизу каждой картинки images of

  7. А у меня другая проблема, все работает, но почему то если фото расположено близко к видео вставленного из ютьюба то видео становиться вначале изображения когда нажимаешь на фотографию, и тем самым загораживает ее. Как Это исправить можно?

      1. Руслан, у меня такая же проблема. Видео я вставляю как html-код и оно перекрывает изображение. Почему так получается? подскажи(:

  8. Привет Руслан!
    Нашёл в вашей статье упоминание о глюках и поэтому хочу задать Вам вопрос. У меня установлен плагин Lightbox2 (хак, это гда сверху чёрный крестик). Проблема следующая. В IE после одноразового развертывания картинки начинаю глючить почти все флаш плееры. В одно заставка пропадает, в другом видео не воспроизводится и т.д. В других браузерах всё нормально. Давно ищу решение, но пока никто не смог ничего подсказать. «wp_footer» в тему добавлял.
    Спасибо!

  9. Спасибо! Битых три часа ломал голову почему на одном сайте работает плагин а на втором нет! Все из-за функции в футере!!! Огромный СПС!

Добавить комментарий для Roman Отменить ответ

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

Предыдущая запись Мини-курс по jQuery для дизайнеров. Урок 4. Аккордеон и подсказки.
Следующая запись Fix WP: делаем кнопки с нужными тэгами. Плагин для WordPress AddQuicktag.