改变prettyphoto从div或span拉出,而不是标题

时间:2010-06-13 16:34:04

标签: jquery overlay

这是我需要改变的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;

});

1 个答案:

答案 0 :(得分:0)

只要跨度恰好在图像之后,这应该可以工作(未经测试)。

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;
}));