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

如果它像大多数'lightbox'插件一样，我相信你需要这样做才能使用字符实体，例如：

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

会变成

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

将它放在标题标签中，它会链接。

在http://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references

获取HTML字符实体的完整列表

Answer 2

非常感谢这篇文章！它给了我很大的帮助，但随后出现的工具提示让我全身心投入水中。然后！我也找到了一个容易修复的部分。添加一个title属性，该属性包含一个空格（必须有空格）到锚标记内的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>

嗬！没有工具提示，标题适用于添加的链接。

Answer 3

PrettyPhoto的主题和无法添加照片下载链接现在已经讨论了几年了。原来，我很惊讶据我所知，作者没有解决这个问题。

现在有几个版本的PrettyPhoto，包括一些mash-up 用作Joomla，WordPress等的插件。

所以我拿了Joomla插件并对其进行了修改。它可以独立运行，没有 Joomla（因为我不使用Joomla）。你可以在这里看到我的修改： http://www.catpin.com/prettyphoto

我还包含两个压缩文件： 1）实际的jquery.prettyPhoto.js文件 2）执行下载的PHP脚本（打开浏览器下载对话框）。

我希望这会有所帮助......或者至少让你知道它可以做到。

在Prettyphoto.js或Fancybox中...如何在标题中添加链接

3 个答案: