Prettyphoto.js veya Fancybox'ta ... Başlık içinde nasıl bağlantı eklenir

Question

Yardım! Yazarlardan oluşan bir ekip için bir web sitesinde çalışıyorum.

Gölge kutusu efekti kullanılarak üzerinde çalıştıkları belirli işlerin örneklerini (portföy) göstermek istiyorlar. Örneğin bir .doc ekranının resmi olan bir resim açıldığında (bindirme), kabaca açıklamak için bir altyazıya sahip olacaktır. İşin özü şu ki, altyazı içinde bir bağlantı isterler, böylece kullanıcı dosyaları (.doc, .pdf) masaüstüne indirebilir veya üzerinde çalıştıkları başka bir siteye bağlayabilir.

Bunu Fancybox ile yapmayı başardım, ancak bağlantının içinde yer almasının yolu, üzerine gelindiğinde istenmeyen bir metin (tarayıcı sarı araç ipucu) gösterir. bazı siteye bir bağlantı var

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

bu durumda: İşte

kodudur. Çoğu 'lightbox' eklentileri gibiyse

Answer 1

, ben örneğin bu kullanım karakter varlıkları yapmak gerekir inanıyoruz:

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

yılında

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

koy olacak senin başlık etiketi ve bağlantı olacaktır.

bu yazı için çok http://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references

Answer 2

teşekkür HTML karakter Karşılıkların tam listesi alın! Bu bana çok yardımcı oldu, ama sonra araç ipucu onu benim için suyun dışında patladı. SONRA! O kısma da kolay bir düzeltme buldum. Bir boşluk içeren bir başlık özelliği ekleme çapa etiketinin içinde img için (boşluk olması gerekir):

<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! Araç İpucu yok ve başlık eklenmiş bir bağlantı ile çalışır.

Answer 3

PrettyPhoto'un bu konusu ve bir fotoğraf indirme linki ekleme olasılığı , birkaç yıldır bir tartışma konusu oldu. Orijinal yazarlarının, bildiğim kadarıyla bu konuya değinmediğini görünce çok şaşırdım.

şimdi

Yani Joomla eklentisi alıp modifiye vb Joomla, WordPress için eklentiler olarak kullanılır bazı mash-up dahil PrettyPhoto çeşitli sürümleri vardır. Joomla (Joomla'yı kullanmadığım için) olmadan bağımsız olarak çalışabilir. 1) Gerçek jquery.prettyPhoto.js 2 dosya) indir() tarayıcı indir iletişim kutusunu açar yapar PHP komut dosyası: http://www.catpin.com/prettyphoto

Ayrıca iki sıkıştırılmış dosyaları içerir: Burada benim modifikasyon görebilirsiniz.

Umarım bu yardımcı olur ... ya da en azından size yapılabileceği konusunda bir fikir verir.