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

时间:2010-06-13 15:48:20

标签: html image title

我实际上需要在longdesc属性中包含html链接。我已经修改了prettyphoto以使用longdesc而不是图像标题,但我需要在这些描述中包含html链接。我知道角色代码是可能的,我只是不记得那些是什么。

由于

4 个答案:

答案 0 :(得分:4)

可以使用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;

答案 1 :(得分:3)

我不确定这是否是您要找的内容,但您可以使用Walter Zorn's wz_tooltip来显示包含任何内容的工具提示。

使用示例:

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

答案 2 :(得分:1)

The longdesc attribute是一个URI,而不是添加代码的地方。换句话说,您需要创建一个longdesc链接到的页面。您可以在此页面详细描述图像上的内容。

答案 3 :(得分:1)

您在寻找HTML实体吗?

如果是这样,这些就是你要找的东西:

&gt; = >

&lt; = <

&#34; = "

&#39; = '