在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 ...如何添加標題內的鏈接

回答

相關問題