WP FancyBox 1.1

| 8 Comments | 1 TrackBack
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, то есть вы можете оставлять комментарии к коду. Добавляются по дабл-клику. Удобно. Попробуйте, найдите баги или кривокод.

8 Comments

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

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

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

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

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

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

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

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

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