锚定标记的标题和工具提示文本的值不同

Question

我在我的WordPress插件中使用Colorbox来创建一个Flickr图片库。这是一个典型的HTML代码的样子-

<a href='link/to/large/photo/on/flickr.jpg' title='Caption for the photo on Colorbox'>
    <img src='link/to/small/photo/on/flickr.jpg'>
</a>

Colorbox使用锚定标记中的title值在colorbox视图中呈现图像的标题。

现在，我想在图片的标题中包含一个指向照片的Flickr页面的链接。这对于正确显示链接非常有效，但它在显示HTML代码时会给照片的工具提示文本带来问题。

所以问题是，如何为锚标记的标题和工具提示文本设置不同的值。

到目前为止，我已经尝试使用onmouseover/onmouseout/onmousedown来更改title属性并重新设置它。但这对我不起作用，因为多个图像被组合在一个Colorbox中，并且所有这些事件并不会对所有图像都触发。

我希望我的问题已经说得很清楚了。

更新:这个问题的解决方案是让Colorbox使用img标签的alt属性，而不是anchor标签的title属性。

jQuery("a[rel^='example4']").colorbox({
    title: function(){ return jQuery(this).find('img').attr('alt');}
    });
});

Answer 1

我写了ColorBox，但没有为它编写WordPress插件，所以我不太确定它将如何在WordPress中实现。您将希望使用ColorBox的title属性来指定您自己的标题格式。例如：

$('.myphotos').colorbox({title:function(){
  var link;
  // do some to convert your image href to it's corresponding flickr URL
  return $(this).attr('title') + " <a href='" + link + "'>Flickr</a>";
}});