Jquery 在PrettyTo.js或Fancybox中。。。如何在标题中添加链接

Jquery 在PrettyTo.js或Fancybox中。。。如何在标题中添加链接,jquery,fancybox,shadowbox,Jquery,Fancybox,Shadowbox,救命啊!我正在为一个作家团队制作一个网站 他们想通过使用阴影盒效应来展示他们从事过的特定工作(投资组合)的例子 例如,一旦打开(覆盖)实际上是.doc截图的图片,就会有一个标题来大致解释它。问题是,他们希望在标题中有一个链接,这样用户就可以将文件(.doc、.pdf)下载到他们的桌面,或者链接到他们曾经工作过的另一个站点 我已经设法用Fancybox实现了这一点,但是链接包含在浏览器中的方式在悬停时会显示不需要的文本(浏览器黄色工具提示) 代码如下: <a class="group" re

救命啊!我正在为一个作家团队制作一个网站

他们想通过使用阴影盒效应来展示他们从事过的特定工作(投资组合)的例子

例如,一旦打开(覆盖)实际上是.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>
“>

在本例中,它是指向某个站点的链接。

如果它与大多数“lightbox”插件类似,我相信您需要使用字符实体来完成此操作,例如:

将成为

a href=“text.html”你好/a

把这个放在你的标题标签里,它就会链接起来


上获取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!没有工具提示,标题与添加的链接一起工作。

本主题介绍了PrettyTo和无法添加照片下载链接 已经讨论了好几年了。我很惊讶原来的 据我所知,作者们还没有解决这个问题

现在有几个版本的prettypto,包括一些 被用作Joomla、WordPress等的插件

因此,我使用了Joomla插件并对其进行了修改。它可以独立运行,而无需安装 Joomla(因为我不使用Joomla)。您可以在这里看到我的修改:

我还包括两个压缩文件: 1) 实际的jquery.pretto.js文件 2) 执行下载的PHP脚本(打开浏览器下载对话框)


我希望这能有所帮助……或者至少让你知道这是可以做到的。

我应该把实体放在标签的外面还是里面?嘿,斯科特,我已经插入了转换后的html……它仍然有效。所以我想我的主要错误是隐藏工具提示(现在它显示标题和标题中的html标记。如果我让你们浪费时间,我很抱歉:(如果你把转换后的代码放到另一个属性(例如类)中)然后从那里查看,这将完成消除工具提示的工作。也许可以在选项中添加:“title”:this.class。但这不是它的工作方式。它是浏览器内置的东西,tooltips.Dang。谢谢斯科特(和马特)。我想我会找到另一种“显示预览”的方式“我会尝试找到一个可以处理标题内链接的图库。但是如果你的URL是test.html?a=1&b=2,那么当你尝试将&;添加到URL中时,它就会断开。有什么解决方案吗?好的,我用prettypto.js(great Montreal guy插件)来做这件事。”,并使用ALT属性作为标题,在ALT中插入html,使用实体作为超链接就是这样,它有效!您现在可以使用title属性用于正确的用途(工具提示将正常显示,不带括号和代码等),因为我根本不使用标题hehe。谢谢Matt和Scott a。