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 работает вот это:
Так как WordPress при вставке thumbnail сам вставляет класс size-thumbnail, вам вообще ничего не нужно делать — просто закачайте плагин, активируйте, и он будет автоматически работать. Пока я не потрудился написать документацию, поэтому объясню настройки тут.<a href="большая_картинка.jpg"> <img class="size-thumbnail" src="маленькая_картинка.jpg"> </a>
Settings > FancyBox:
Hide content on click — убирать увеличенную картинку по клику на картинке (по умолчанию — только по клику на крестик).
Show overlay — затемнять фон (по умолчанию — нет).
Overlay opacity — прозрачность фона: значение от 0 до 1, дробное.
Zoom in speed — скорость появления картинки в миллисекундах.
Zoom out speed — скорость исчезания картинки в миллисекундах.
jQuery Expression — jQuery-выражение для поиска картинок, к которым применять FancyBox. По умолчанию
А, кстати, можно перевести плагин на русский стандартными средствами, так что если кто-то занимался переводом WordPress, присылайте перевод плагина — включу в поставку.
P.S. В следующей версии добавлю возможность включения png-fix для IE6.
P.P.S. Чуть не забыл! На googlecode есть code review, то есть вы можете оставлять комментарии к коду. Добавляются по дабл-клику. Удобно. Попробуйте, найдите баги или кривокод.
jQuery("img.size-thumbnail").parent(), то есть для родителя img с классом size-thumbnail.
Для тех, кто успел воспользоваться предыдущей версией:
- Удалить старый плагин (fancybox).
- Закачать новый (wp-fancybox) и активировать его.
- Отметить галочку "Hide content on click".
- Если нужен старый способ применения эффекта к картинкам, вставить в jQuery Expression вот это:
jQuery("a.fancybox")(без parent()!). Но лучше перейти на новый ;)
А, кстати, можно перевести плагин на русский стандартными средствами, так что если кто-то занимался переводом WordPress, присылайте перевод плагина — включу в поставку.
P.S. В следующей версии добавлю возможность включения png-fix для IE6.
P.P.S. Чуть не забыл! На googlecode есть code review, то есть вы можете оставлять комментарии к коду. Добавляются по дабл-клику. Удобно. Попробуйте, найдите баги или кривокод.
Дмитрий, не могли бы Вы выложить .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: а, то есть маленькие картинки придется вручную делать...