time

WordPress: Плагины для отображение рисунков на странице

С ростом количества рисунков в блоге захотелось их представить в каком-то красивом виде, а не просто ссылкой на файл. Самый эффектным способ представляет JavaScript с всплывающим слоем, при этом, задний фон (контент страницы) немного гаситься, притемняется или засветлеться (в зависимости от темы блога) – что бы сама картинка смотрелась контрастней.

Для этой цели есть много хороших JavsScript библиотек, которые обрабатывают нажатие по миниатюре и выводят слой с увеличенным изображением. Что бы это срабатывание произошло, необходимо в ссылке на увеличенный вариант добавлять определенные атрибуты (заранее определенный rel или class). Когда добавляешь рисунки в пост обычно лень вписывать эти дополнительные атрибуты, максим на что хватает – написать небольшое описание к самому рисунки :) , а если таких рисунков много … получаются лишнее монотонные операции. Что бы это дело облегчить, к популярным библиотекам существуют WordPress плагины (указанны в скобках), которые помогают справиться с этой рутиной:

  1. Lightbox (Lightbox 2.x) на базе prototype, ссылка на плагин для автоматической вставки атрибута
  2. ThickBox (ThickBox) на базе jQuery, автоматическая вставка не поддерживается (читаем ниже как этого добиться)
  3. Lightview (Lightview Plus), есть автоматическая вставка атрибута
  4. Facebox (WP Facebox) на базе jQuery, есть автоматическая вставка атрибута

Lightbox хорошая библиотека, приятна на внешний вид, есть встроенная поддержка изменений цвета слоя (не надо лезть в стили), в котором отображается увеличенный вариант рисунка, удобное листание рисунков с клавиатуры (P – следующий, N – предыдущий), но ее общий размер … ~183 кб багажа – это ява скрипты (не пожатые) и стили с рисунками. Стили сами по себе небольшие, до 5 кб, а вот с java script придется что-то придумывать, имхо, дополнительных 178 кб к странице – это перебор.

ThickBox всем хорош – внешний вид его приятный и размер радует – 15 кб, тем более, что эта библиотека встроена по умолчанию в WordPress (в не пожатом виде).

Написал для WordPress плагин, который автоматически добавляет ссылку на эту библиотеку и вставляет необходимый атрибут. Остается только загружать картинки и писать описания :) .

Файл: wpautothickbox.zip

Lightview тоже хорошая библиотека, понравилось автоматическое листание картинок из набора и … скругленные углы у всплывающего слоя :)

И на последок – Facebox, маленькая такая библиотека с минимумом возможной, 12 кб (не запакована), но не понимает описания к рисункам и не умеет масштабировать большие рисунки (появляется горизонтальный ползунок прокрутки).

blog comments powered by Disqus