錨標記的標題和工具提示文本的不同值

我在我的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>

彩盒使用從錨標記的title值來呈現圖像的標題中顏色框視圖。

現在我想在圖片的標題中包含指向該照片的Flickr頁面的鏈接。當鏈接正常顯示時，這很好，但它會爲照片的工具提示文本創建問題，因爲它會顯示HTML代碼。

所以問題是，我如何爲錨標記的標題和工具提示文本有不同的值。

到目前爲止，我嘗試使用onmouseover/onmouseout/onmousedown來更改標題屬性並將其設置回來。但是這對我不起作用，因爲多個圖像被分組到一個Colorbox中，並且所有這些事件都不會爲所有圖像觸發。

我希望我已經明確提出了我的問題。

UPDATE：解決這個問題是使彩盒使用屬性標記的imgalt代替anchor標籤title屬性。

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

來源

2012-02-13 ronakg

我寫了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>"; 
}});

來源

2012-02-13 23:05:21 Jack

我從你的Google論壇中找到它。我使用'img'的'alt'屬性而不是'anchor'的'title'屬性。 – ronakg 2012-02-15 03:05:37

錨標記的標題和工具提示文本的不同值

回答

相關問題