如何將html鏈接添加到圖像標題

Question

我實際上需要在longdesc屬性中包含html鏈接。 我已經修改了prettyphoto以使用longdesc而不是圖像標題，但我需要在這些描述中包含html鏈接。 我知道用字符代碼是可能的，我只是不記得那些是什么。

謝謝

Answer 1

這可以使用longdesc屬性完成：

<img src="theimage.png" longdesc="thedescription.html" />

然后，在thedescription.html中：

<a href="http://test.com/">Link</a>

另一種方法是使用OBJECT元素，如下所示：

<OBJECT data="theimage.png" type="image/png">
    <a href="http://test.com/">Link</a>
</OBJECT>

此外，既然你要求它，這里是如何在jquery中自動轉換html實體：

$('<div/>').text('<a href="link.html">Some Link</a>').html();
// the above evaluates to &lt;a href=&quot;link.html&quot;&gt;Some Link&lt;/a&gt;

Answer 2

我不確定這是否是您正在尋找的，但您可以使用Walter Zorn的wz_tooltip來顯示任何類型內容的工具提示。

和使用的例子：

<img src="theimage.png" onmouseover="Tip('<a href=\'http://test.com/\'>Link</a>');" onmouseout="UnTip();">

Answer 3

longdesc屬性是一個URI，而不是添加代碼的地方。 換句話說，您需要創建一個longdesc鏈接到的頁面。 您可以在此頁面詳細描述圖像上的內容。

Answer 4

你在尋找HTML實體嗎？

如果是這樣，這些都是您正在尋找的：

> = >

&lt; = <

" = "

' = '