Melo Сообщение 26/03/2010 10:54 Копия темы
Делаем обработку изображений с помощью jQuery в LightBox Да, весьма необычно сочетание довелось использовать мне накануне – Prototype и jQuery в одно из сайтом.
К великому счастью в jQuery есть режим noConflict, который позволяет работать одновременно с другими библиотеками.
Итак, есть <div id="imgParse"></div> с множеством дочерних <img>. Необходимо, что все дочерние <img> запускались
и обрабатывались LighBox'ом. При этом имя файла маленькой картинки было вида m_имя.gif, а большой – b_имя.gif.
Вот что вышло у меня на jQuery:


/* для кажого <img> родителя с id imgParse */
jQuery('#imgParse img').each(function(){
/* объявляем счетвич и массивы */
var i = 0;
var source = new Array;
var desc = new Array;
/* забираем текущие свойства у текущего элемента в элемент массива – src и title */
source[i] = jQuery(this).attr('src');
desc[i] = jQuery(this).attr('title');
/* следующая строка – некая аналогия str_replace в php :) */
source[i] = source[i].split("m_").join("b_");
/* оборачиваем img тегом <a>
jQuery(this).wrap("<a title='"+desc[i]+"' href='"+source[i]+"' rel='lightbox' ></a>");
/* увеличиваем счетчик */
i++;
});

Код весьма простой, но оказался достаточно полезным в хозяйстве.