С ростом количества рисунков в блоге захотелось их представить в каком-то красивом виде, а не просто ссылкой на файл. Самый эффектным способ представляет JavaScript с всплывающим слоем, при этом, задний фон (контент страницы) немного гаситься, притемняется или засветлеться (в зависимости от темы блога) – что бы сама картинка смотрелась контрастней.
Для этой цели есть много хороших JavsScript библиотек, которые обрабатывают нажатие по миниатюре и выводят слой с увеличенным изображением. Что бы это срабатывание произошло, необходимо в ссылке на увеличенный вариант добавлять определенные атрибуты (заранее определенный rel или class). Когда добавляешь рисунки в пост обычно лень вписывать эти дополнительные атрибуты, максим на что хватает – написать небольшое описание к самому рисунки :) , а если таких рисунков много … получаются лишнее монотонные операции. Что бы это дело облегчить, к популярным библиотекам существуют WordPress плагины (указанны в скобках), которые помогают справиться с этой рутиной:
Lightbox хорошая библиотека, приятна на внешний вид, есть встроенная поддержка изменений цвета слоя (не надо лезть в стили), в котором отображается увеличенный вариант рисунка, удобное листание рисунков с клавиатуры (P – следующий, N – предыдущий), но ее общий размер … ~183 кб багажа – это ява скрипты (не пожатые) и стили с рисунками. Стили сами по себе небольшие, до 5 кб, а вот с java script придется что-то придумывать, имхо, дополнительных 178 кб к странице – это перебор.
ThickBox всем хорош – внешний вид его приятный и размер радует – 15 кб, тем более, что эта библиотека встроена по умолчанию в WordPress (в не пожатом виде).
Написал для WordPress плагин, который автоматически добавляет ссылку на эту библиотеку и вставляет необходимый атрибут. Остается только загружать картинки и писать описания :) .
Файл: wpautothickbox.zip
Lightview тоже хорошая библиотека, понравилось автоматическое листание картинок из набора и … скругленные углы у всплывающего слоя :)
И на последок – Facebox, маленькая такая библиотека с минимумом возможной, 12 кб (не запакована), но не понимает описания к рисункам и не умеет масштабировать большие рисунки (появляется горизонтальный ползунок прокрутки).