Как добавить HTML ссылку на заголовок изображения

Question

Мне действительно нужно включить ссылки html в атрибут longdesc. Я изменил 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>

Кроме того, поскольку вы запросили его, вот как автоматически конвертировать html-объекты в jquery:

$('<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

Я не уверен, что это то, что вы ищете, но вы можете использовать wz_tooltip Уолтера Цорна , чтобы показать подсказку с любым видом контента.

И пример использования:

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

Answer 3

Вы ищете html-объекты?

Если да, то это то, что вы ищете:

> = >

&lt; = <

" = "

' = '

Answer 4

Атрибут longdesc - это URI, а не место для добавления кода.Другими словами, вам нужно создать страницу, на которую ссылается longdesc.На этой странице вы получите подробное описание того, что изображено на картинке.