В Prettyphoto.js или Fancybox ... Как добавить ссылку в заголовке

Question

Помощь! Я работаю над сайтом для команды писателей.

Они хотят показать примеры конкретных заданий, над которыми они работали (портфолио), используя эффект тени.

После открытия (в оверлее) изображение, которое на самом деле является снимком экрана .doc, например, имеет заголовок, чтобы объяснить его примерно. Дело в том, что им нужна ссылка внутри надписи, чтобы пользователь мог загружать файлы (.doc, .pdf) на свой рабочий стол или ссылаться на другой сайт, на котором они работали.

Мне удалось сделать это с помощью Fancybox, но способ включения ссылки в него показывает нежелательный текст при зависании (желтая подсказка браузера).

Вот код:

<a class="group" rel="portfolio" 
href="../../images/pf_nat/cfcBig.png" title="Rédaction de plus de 300 articles. <a href='http://www.groupecfc.com/fr-Ca/' target='_blank'>Visiter le site</a>"><img src="../../images/pf_nat/tn_nat_cfcBig.gif" alt="" width="40" height="40"/></a> 

в этом случае ссылка на какой-либо сайт.

Answer 1

Если это, как и большинство плагинов «лайтбокс», я считаю, что нужно сделать, это использование символьных сущностей, например:

<a href="test.html">hello</a>

станет

<a href="text.html">hello</a>

это в вашем title, и он будет связан.

Получить полный список символьных сущностей HTML в http://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references

Answer 2

спасибо за этот пост! Это очень помогло мне, но затем всплывающая подсказка вышла из воды для меня. ТОГДА! Я нашел легкое решение для этой части. Добавьте атрибут заголовка, который содержит пробел (должно иметь место) в IMG внутри тега привязки:

<a title="&lt;p&gt;&lt;a href=&quot;http://www.mysite.com&quot; title=&quot;&quot; target=&quot;_blank&quot;&gt;http://www.mysite.com&lt;/a&gt;&lt;/p&gt; " rel="prettyPhoto" href="http://www.mysite.com/wm/wp-content/themes/site/images/portfolio/image.jpg" style=""><img alt="Interactive" **title=" "** src="http://www.mysite.com/wm/wp-content/themes/site/images/portfolio/image.jpg"></a> 

Wahoo! Нет всплывающей подсказки и надписи с добавленной ссылкой.

Answer 3

Эта тема PrettyPhoto и невозможность добавить ссылку для скачивания фотографии была обсуждена на пару лет. Я поражен тем, что авторы оригинала не обратились к этому ... насколько я знаю.

Есть в настоящее время нескольких версий PrettyPhoto, в том числе некоторого затор окна, которые используются в качестве плагин для Joomla, WordPress и т.д.

Так я взял плагин Joomla и модифицированный его. Он может работать автономно, без Joomla (поскольку я не использую Joomla). Вы можете увидеть мои модификации здесь: http://www.catpin.com/prettyphoto

Я также включают в себя два заархивированные файлы: 1) фактические jquery.prettyPhoto.js подать 2) PHP скрипт, который делает загрузки (открывает диалоговое окно загрузки браузера).

Надеюсь, это поможет ... или, по крайней мере, дает вам представление о том, что это можно сделать.