html - 如何将 html 链接添加到图像标题

Question

我实际上需要在 longdesc 属性中包含 html 链接。我已将 prettyphoto 更改为使用 longdesc 而不是图像的标题，但我需要在这些描述中包含 html 链接。我知道字符代码是可能的，我只是不记得那些是什么。

谢谢

Answer 1

这可以通过以下longdesc属性来完成：

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

然后，在 description.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; = <

" = "

' = '