1 дек. 2011 г.

Иконка на lightbox картинках

Многие сайты используют lightbox для красивого отображения фотографий на сайтах. Но пользователи зачастую могут не подозревать о наличии возможности увеличения этих фотографий, т.к. большинство разработчиков сайтов с подобным функционалом не удосуживаются им об этом сообщать.
Ниже представлен код для добавления небольшой иконки, сообщающей пользователям о возможности увеличения фотографий:
jQuery(document).ready(function(){
jQuery("a[rel*=lightbox]:has(img)").each(
function(index, Element){
jQuery(Element).css("position","relative");
jQuery(Element).append("<img style='position:absolute;bottom:5px;left:5px;' src='[ICON_LINK]' alt=''/>");
}
);
});

Посмотреть, как это выглядит, можно здесь: http://kronltd.ru/about

Комментариев нет: