Cпасибо всем за отзывы и баг-репорты по поводу WP FancyBox. Я вообще-то делал это для себя и не планировал выпускать, поэтому настроек было ноль.

Я сделал под плагин страничку на Google Code — http://code.google.com/p/wp-fancybox/ — там можно скачать свежую версию, есть репозиторий, баг-репортилка и прочие прелести.

Что нового в 1.1?

  • Теперь не надо добавлять class="fancybox" к ссылкам на картинки — если вы постите картинку из админки WordPress и выбираете вставку маленькой картинки (Thumbnail/Миниатюра), FancyBox будет работать out of the box.

  • Добавлена страница настроек в админке WordPress (Settings/FancyBox) (в плагине WP FancyBox).

  • Исправлен баг с повторной загрузкой изображений (в самом FancyBox. Напомню, его писал не я).

Внимание: старый способ — class="fancybox" теперь работать не будет. В админке можно поменять обратно, чтобы он работал, но лучше перейдите на новый. Теперь с FancyBox работает вот это:

<a href="большая_картинка.jpg">

<img class="size-thumbnail" src="маленькая_картинка.jpg">

</a>

Так как WordPress при вставке thumbnail сам вставляет класс size-thumbnail, вам вообще ничего не нужно делать — просто закачайте плагин, активируйте, и он будет автоматически работать.

Пока я не потрудился написать документацию, поэтому объясню настройки тут.

Settings > FancyBox:

Hide content on click — убирать увеличенную картинку по клику на картинке (по умолчанию — только по клику на крестик).

Show overlay — затемнять фон (по умолчанию — нет).

Overlay opacity — прозрачность фона: значение от 0 до 1, дробное.

Zoom in speed — скорость появления картинки в миллисекундах.

Zoom out speed — скорость исчезания картинки в миллисекундах.

jQuery Expression — jQuery-выражение для поиска картинок, к которым применять FancyBox. По умолчанию jQuery("img.size-thumbnail").parent(), то есть для родителя img с классом size-thumbnail.

Для тех, кто успел воспользоваться предыдущей версией:

  • Удалить старый плагин (fancybox).
  • Закачать новый (wp-fancybox) и активировать его.
  • Отметить галочку "Hide content on click".
  • Если нужен старый способ применения эффекта к картинкам, вставить в jQuery Expression вот это: jQuery("a.fancybox") (без parent()!). Но лучше перейти на новый ;)

Как обычно, баг-репорты и пожелания, принимаются тут в комментариях, но лучше на странице плагина в разделе Issues и на английском языке :)

Картинка:

А, кстати, можно перевести плагин на русский стандартными средствами, так что если кто-то занимался переводом WordPress, присылайте перевод плагина — включу в поставку.

P.S. В следующей версии добавлю возможность включения png-fix для IE6.

P.P.S. Чуть не забыл! На googlecode есть code review, то есть вы можете оставлять комментарии к коду. Добавляются по дабл-клику. Удобно. Попробуйте, найдите баги или кривокод.

Mio 2008-10-21 23:08

Дмитрий, не могли бы Вы выложить .po? Я бы перевёл.

Mio: буду благодарен, если сделаете .po на основе строчек отсюда http://code.google.com/p/wp-fancybox/source/browse/trunk/wp-fancybox.php - см. все _e("строка") — там их немного.

bm 2008-10-21 23:08

Спасибо! Теперь вообще то, что нужно. Пользуюсь с удовольствием.

Вот бы только MarsEdit научить правильно картинки закачивать с правильными ссылками и классами.

bm: это без проблем, просто к тэгу img добавить class="size-thumbnail"

Mio 2008-10-21 23:08

У меня есть poedit и этот файл. Что делать дальше, как импортировать строки? (Сорри, я не кодер.)

Mio: прочитал как это делается, в следующей версии добавлю.

bm 2008-10-22 02:08

Там всё чуть-чуть сложнее. MarsEdit загружает картинку в блог и вставляет её просто как img без обрамления в a. (Не стал ставить угловые скобки вокруг тегов, чтобы парсер не покусал).

bm: а, то есть маленькие картинки придется вручную делать...