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 и выше.
Рекомендую также:
#76, 9 ноября, 2009 в 10:46
В firefox тоже нельзя сохранить щелкнув правой кнопкой по картинке открытой плагином Ligfhtbox 2.
#77, 9 ноября, 2009 в 11:25
с чего вы взяли? у меня firefox 3.5.4 - правая кнопка мыши - сохранить изображение как. работает и на миниатюре и при выводе полной картинки.
#78, 20 ноября, 2009 в 18:58
Кстати, не знаю писали об этом уже или нет, но...
Корректно(!) данный плагин (равно как и NextGEN) работает только при условии правильного включения заголовков в заданной теме. Обязатеьно проверьте header.php на наличие там
инициализации wp_head(); в блоке ...
и wp_footer(); в "подвале" темы.
Только так будут корректно включены цсс-ки и скрипты при загрузке страницы.
#79, 7 декабря, 2009 в 12:35
как применить этот эффект в совокупности с произвольными полями?
#80, 7 декабря, 2009 в 12:48
а что вы имеете ввиду?
#81, 7 декабря, 2009 в 15:15
имеется ввиду следующее:
Есть изображение, которое выводится в произвольном поле шириной 150px, и к нему надо применить эффект lightbox.
#82, 26 декабря, 2009 в 09:40
Немного не понял. Это при верстке темы ставить или в каком-то файле прописать нужно?
#83, 26 декабря, 2009 в 21:30
при оформлении самой записи и картинки в ней. в html режим переключитесь и пропишите title.
#84, 10 января, 2010 в 12:39
Спасибо за плагин, очень полезный :)
#85, 10 января, 2010 в 12:43
Кстати, тут подумал, может переписать его версию ? Добавить настройки и еще чего-нибудь вкусненького...
Что думаете ?
#86, 10 января, 2010 в 13:27
Этот плагин сам правит урл картинки или надо руками встывлять дополнительный код для каждого урла картинки?
Поскольку у меня не работает плагин, версия WP 2.9.1.
#87, 15 января, 2010 в 09:53
а разве я могу быть против? )) плагин морально устарел, но переходить на другой довольно утомительно из-за уже проставленных ссылок. поэтому я могу только приветствовать желание его развивать и довести до уровня конкурирующих плагинов ))
#88, 15 января, 2010 в 09:56
а как он может сам догадаться, что вы хотите ввести в титле картинки? конечно, это прописывается ручками.
вопрос в шаблоне - переключитесь на дефолтный и уверен, что плагин работать будет. другое дело, что догадаться в чем, собственно, проблема можно только видя шаблон, так что тут я вам помочь не могу.
#89, 1 марта, 2010 в 12:57
Ребята, вопрос возможно глупый, но я в сайтостроении не силён, другу для магазина делал. Объясните, пожалуйста, как эта штука используется, Я не очень догоняю.
Скачал плагин, активировал, скинул картинку по ФТП через Тотал Коммандер в ввв.сайт.ру\images и что дальше? У меня как была здоровенная картинка, так и осталась.
Пришлось сделать так:
но это не красиво, а мне хочеться сделать так, чтобы выезжало. Как сделать правильно?
#90, 1 марта, 2010 в 13:30
автоматом никак. вы должны делать 2 картинки - маленькую и большую. маленькая кратинка будет ссылкой на картинку большую - и вот в этом случае большая картинка будет выезжать.