5

帮助！我正在为一个作家团队制作一个网站。

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

例如，一旦打开（叠加）实际上是 .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>

在这种情况下，它是指向某个站点的链接。

4

3 回答 3

10

如果它像大多数“灯箱”插件一样，我相信您需要使用字符实体来执行此操作，例如：

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

会成为

&lt;a href=&quot;text.html&quot;&gt;hello&lt;/a&gt;

把它放在你的标题标签中，它会链接。

在http://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references获取 HTML 字符实体的完整列表

于 2011-02-02T16:03:58.740 回答
4

非常感谢这个帖子！它对我帮助很大，但随后出现的工具提示让我把它全部从水中吹走了。然后！我也找到了对该部分的简单修复。在锚标签内的 img 中添加一个包含空格（必须有空格）的 title 属性：

    <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>

哇！没有工具提示，并且标题与添加的链接一起使用。

于 2012-10-10T16:58:35.100 回答
2

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

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

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

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

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

于 2012-11-03T00:02:44.980 回答