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

帮助！我正在一个作家团队的网站上工作。在Prettyphoto.js或Fancybox ...如何添加标题内的链接

他们希望通过使用阴影框效果来显示他们所做的特定工作（投资组合）的示例。

一旦打开（在覆盖图中），实际上是.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>

在这种情况下，它是一些网站的链接。

来源

2011-02-02 ive

好的，我使用Prettyphoto做到这一点。js（很棒的蒙特利尔人插件），并使用ALT属性作为标题，并在ALT中插入html使用超链接的实体，这是它的作品，它是有效的！你现在可以使用title属性来达到正确的目的（工具提示会正常地显示没有括号和代码等），因为我根本不使用标题。谢谢马特和斯科特时间。 – ive 2011-02-24 14:54:46

如果它是最喜欢的“收藏夹”的插件，我相信你需要，例如做这个用字符实体：

<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

来源

2011-02-02 16:03:58

我应该把实体放在外面的A标签上还是放在里面？ – ive 2011-02-02 18:48:12

非常感谢这个帖子获取HTML字符实体的完整列表！它对我非常有帮助，但随后出现的工具提示为我吹出了所有的水。然后！我也发现了一个简单的解决方案。将一个包含空格（必须有空格）的标题属性添加到锚标记内的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！没有工具提示和标题与添加的链接一起工作。

来源

2012-10-10 16:58:35 Christina

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

现在有PrettyPhoto的几个版本，包括用作插件为Joomla，WordPress的一些混搭等

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

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

我希望这有助于......或至少给你一个想法，它可以完成。

来源

2012-11-03 00:02:44 mlseim

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

回答

相关问题