измените prettyphoto, чтобы извлечь из div или span, а не заголовка

Question

Вот фрагмент кода из prettyphoto.js, который мне нужно изменить. Я пытаюсь добиться того, чтобы каждая фотография имела следующий скрытый элемент div или span, содержащий описание фотографии. Таким образом, я могу включить html в описание.

возможно?

Спасибо!

var images = new Array(), titles = new Array(), descriptions = new Array();
if(theGallery){
 $('a[rel*='+theGallery+']').each(function(i){
  if($(this)[0] === $(_self)[0]) setPosition = i; // Get the position in the set
  images.push($(this).attr('href'));
  titles.push($(this).find('img').attr('alt'));
  descriptions.push($(this).attr('title'));
 });
}else{
 images = $(this).attr('href');
 titles = ($(this).find('img').attr('alt')) ?  $(this).find('img').attr('alt') : '';
 descriptions = ($(this).attr('title')) ?  $(this).attr('title') : '';
}

$.prettyPhoto.open(images,titles,descriptions);
return false;

});

Answer 1

Это должно работать (не проверено), пока интервал идет сразу после изображения.

var images = new Array(), titles = new Array(), descriptions = new Array();
if(theGallery){
 $('a[rel*='+theGallery+']').each(function(i){
  if($(this)[0] === $(_self)[0]) setPosition = i; // Get the position in the set
  images.push($(this).attr('href'));
  titles.push($(this).find('img').attr('alt'));
  descriptions.push($(jQuery.sibling(this).next).text());
 });
}else{
 images = $(this).attr('href');
 titles = ($(this).find('img').attr('alt')) ?  $(this).find('img').attr('alt') : '';
 descriptions = ($(jQuery.sibling(this).next).text()) ?  $(jQuery.sibling(this).next).text() : '';
}

$.prettyPhoto.open(images,titles,descriptions);
return false;
}));