Prettyphoto.jsまたはFancybox ...キャプション内にリンクを追加するには

Question

Help！私は作家のチームのためのウェブサイトに取り組んでいます。

彼らは、シャドウボックスエフェクトを使用して、自分が仕事をしている特定の仕事の例（ポートフォリオ）を表示したいと考えています。

たとえば、実際には.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

それはほとんど「ライトボックス」プラグインのようなものだならば、私はあなたが、たとえばこの使用文字エンティティを実行する必要が信じている：

<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

Answer 2

おかげで、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！いいえツールチップとキャプションは、リンクが追加されて動作します。

Answer 3

このPrettyPhotoのトピックと、写真のダウンロードリンクを追加できないという点については、 がここ数年で議論されています。私は元の の著者がこれについて...私の知る限りは対処していないことに驚いています。

は今

は、だから私はJoomlaのプラグインを取って、それを修正など は、Joomlaの、WordPress用のプラグインとして使用されているいくつかのマッシュアップ、など、PrettyPhotoのいくつかのバージョンがあります。 Joomla（Joomlaを使用していないので）なしで、スタンドアロンで実行できます。 1）実際のjquery.prettyPhoto.jsは 2ファイル）のダウンロード（）は、ブラウザのダウンロードダイアログボックスが開きませんPHPスクリプト： http://www.catpin.com/prettyphoto

は、私はまた、2つのZIPファイルが含まれます。あなたはここに私の変更を見ることができます。

私はこれが助けてくれることを願っています...または、少なくとも、あなたにそれができるという考えを与えます。