Lightbox2 WordPress Plugin
LightBox2 это JS-библиотека, которая при клике на уменьшенную копию картинки открывает полную версию картинки на той же странице с различными красивыми эффектами. Естественно, что и для WordPress появились плагины, использующие эту библиотеку и позволяющие без каких-либо лишних телодвижений использовать ее на вашем блоге. Из всех подобных плагинов я остановился на "Lightbox2 WordPress Plugin" по причине того, что он первый попался мне на глаза, когда я просматривал блог 'а. К сожалению, теперь на его блоге я никак не могу найти этот плагин, так что качайте русифицированную им версию плагина с этого сайта. Кликните на картинку, чтобы посмотреть, как это примерно выглядит (только при просмотре на сайте, в RSS работать не будет).
Скачиваем последнюю версию плагина и устанавливаем:
1. Распаковываем архив.
2. Копируем папку lightbox в /wp-content/plugins/.
3. Заходим в админку блога на вкладку "Плагины" и активируем плагин.
Осталось настроить плагин через "Параметры\Настройки Lightbox". Тут, правда, есть небольшой недостаток плагина - он не сохраняет сделанные вами изменения настроек. Как это исправить я не знаю, поэтому указываем настройки другим путем. Открываем файл plugin.php из папки lightbox и вручную устанавливаем нужные нам значения через код:
39 40 41 42 43 44 45 | $lightbox_speed = '7'; //Скорость анимации $lightbox_border = '10'; //Непрозрачность фона $lightbox_opacity = '0.8'; //Размер границы $lightbox_animate = 'true'; //Анимация изменения размеров (true - анимировать, false - не анимировать) $lightbox_posts = 'true'; //Фильтровать изображения в записях (true - фильтровать, false - не фильтровать) $lightbox_excerpt = 'false'; //Фильтровать изображения в выдержках (true - фильтровать, false - не фильтровать) $lightbox_comments = 'false'; //Фильтровать изображения в комментариях (true - фильтровать, false - не фильтровать) |
Картинки, используемые в плагине лежат в папке images, так что вы легко можете их заменить. Различные индикаторы загрузки вы можете взять, например, .
Плагин и так уже работает, но советую не забыть прописать title со служебными для плагина символами { и } для ссылок на полные версии картинок. Если вы этого не сделаете, то плагин по умолчанию разместит все картинки в одной галерее, а иногда это не слишком удобно. Чтобы разместить одиночную фотку используйте что-то типа:
<a title="{fotka}Angelina Jolie одиночная фотка" href="http://www.wordpressplugins.ru/pics/lightbox-01.07.08/1.jpg"> <img src="http://www.wordpressplugins.ru/pics/lightbox-01.07.08/1s.jpg" border="0" /></a>
И выглядит это так:
И для галереи (то есть на фотках будут ссылки вперед\назад при наведении курсора мышки)
<a title="{sbornik}Angelina Jolie" href="http://www.wordpressplugins.ru/pics/lightbox-01.07.08/2.jpg"> <img src="http://www.wordpressplugins.ru/pics/lightbox-01.07.08/2s.jpg" border="0" /></a> <a title="{sbornik}Angelina Jolie" href="http://www.wordpressplugins.ru/pics/lightbox-01.07.08/3.jpg"> <img src="http://www.wordpressplugins.ru/pics/lightbox-01.07.08/3s.jpg" border="0" /></a>
И выглядит это так:
Если по каким-то причинам вы не хотите, чтобы на какой-то странице или записи работал этот плагин, то поместите там следующий код (он будет вырезан при просмотре записи):
##NOLIGHTBOX##Вот и все, удачи.
Автор плагина:
Страница плагина:
Скачать русский плагин:
Рассматриваемая версия: 0.7 от 22.07.2007
Совместимость с версией WordPress: 1.5 и выше.
Рекомендую также:
#106, 10 января, 2011 в 18:05
А через что вставлять? Ведь он сразу режит несколько картинок под нужный мне размер. Или все делать самому и все заливать через ФТП? А как ставить ссылку? или все делать через ваши коды приведенные выше?
#107, 10 января, 2011 в 18:07
слушайте, я не знаю. я не пользуюсь встроенным в wp редактором. попробуйте вручную прописать rel="lightbox" для фоток, может заработает.
#108, 10 января, 2011 в 19:11
На конец то я разобрался методом научного тыка =). Все на много проще.
Извините за беспокойство.
#109, 18 февраля, 2011 в 01:56
Спасибо большое!
#110, 25 марта, 2011 в 10:39
Здравствуйте!
Скажите, пожалуйста, а можно ли использовать этот плагин, если фотографии находятся в Пикаса. Если можно, привидите, пожалуйста пример кода.
Спасибо
#111, 10 апреля, 2011 в 18:17
Просьба ответить на предыдущий вопрос.
#112, 7 мая, 2011 в 18:00
Извиняюсь за нубский вопрос, но как сделать чтобы картинки были как у вас - по горизонтали, а то у меня они одна над другой(
И еще момент, не пойму как сделать галереи... нужно создать папку с галереей ? и таких несколько или как реализовать такое например, у меня на одной страницы фото работ Васи,а на другой фото работ Пети, получается у каждого по 10фото, как реализовать их вывод на разных страницах ?
#113, 8 мая, 2011 в 03:34
Поставил плагин, все работает. Но вот у меня и раньше была проблема что при клике на картинку идет редирект на отдельную страницу с этой картинкой. Как это убрать?
#114, 26 мая, 2011 в 14:54
что то не вдупляюсь куда именно прописывать title со служебными для плагина символами {, }
помогите...
#115, 22 июня, 2011 в 16:36
У меня вопрос такого плана: на странице есть два поста с картинками. Так вот: плагин при нажатии на картинку с первого поста прекрасно ее отображает, но он также захватывает картинку второга поста, т.е. можно нажать вперед и просмотреть ее. Как сделать, чтобы он отображал лишь картинку с одного поста и только с него?
#116, 1 августа, 2011 в 20:56
Плагин имеет ошибки, если запустить консоль ошибок в FF при включенном плагине, то будет их видно :) Из-за этого другой скрипт не работал, долго разбирался, а оказалось из-за этого плагина.
#117, 1 сентября, 2011 в 20:00
Подскажите, как убрать ссылку Uses wordpress plugins developed by , которая появляется под футером блога сразу после установки плагина?
#118, 27 ноября, 2011 в 22:45
Подскажите пожалуйста как сделать чтобы при клике на картинку пост открывался полностью. У меня в блоге стаьи сокращены и под каждой тег "читать полностью", и если кликать по картинке поста, то открывается сама картинка, а не пост! А хочется наоборот - кликнул по картинке поста и он открылся полностью!
#119, 31 января, 2012 в 16:43
Я так понял под именем файла
имелся ввиду файл lightboxplus.php?
Возможно, в новой версии изменилось название, а может я и не прав.