W Prettyphoto.js lub Fancybox ... Jak dodać link pod nagłówkiem

Question

Pomoc! Pracuję nad stroną internetową dla zespołu pisarzy.

Chcą pokazać przykłady konkretnych prac, nad którymi pracowali (portfolio), wykorzystując efekt shadowbox.

Po otwarciu (w nakładce) obraz, który jest w rzeczywistości zrzutem ekranu na przykład na plik .doc, będzie miał podpis wyjaśniający go w przybliżeniu. Chodzi o to, że chcą mieć link wewnątrz napisu, aby użytkownik mógł pobrać pliki (.doc, .pdf) na swój pulpit lub link do innej witryny, nad którą pracował.

Udało mi się to zrobić za pomocą Fancybox, ale sposób, w jaki łącze jest zawarte w nim, wyświetla niepożądany tekst podczas unoszenia się (żółta podpowiedź przeglądarki).

Oto kod:

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

w tym przypadku jest to link do jakiejś strony.

Answer 1

Jeśli jest to jak większość wtyczek 'lightbox', wierzę, co musisz zrobić, to podmioty stosowanie znaków na przykład:

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

staną

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

W takim przypadku należy title tag i będzie link.

uzyskać pełną listę podmiotów znaków HTML w http://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references

Answer 2

Wielkie dzięki za ten post! Bardzo mi to pomogło, ale wtedy pojawienie się podpowiedzi wyrzuciło mnie z wody. NASTĘPNIE! Znalazłem również łatkę do tej części. Dodaj atrybut tytułu, który zawiera spację (musi mieć spację) do pliku img wewnątrz znacznika zakotwiczenia:

<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! Brak etykiety narzędziowej i podpis działa z dodanym linkiem.

Answer 3

Temat PrettyPhoto i niemożność dodania linku do pobierania zdjęć to dyskusja od kilku lat. Jestem zdumiony, że oryginalni autorzy nie zajęli się tym ... o ile wiem.

Istnieje obecnie kilka wersji PrettyPhoto, w tym niektóre mash-upy, które są wykorzystywane jako dodatki do Joomla, WordPress, itd

więc wziąłem wtyczki Joomla i zmodyfikowanych go. Może działać samodzielnie, bez Joomla (ponieważ nie używam Joomla). Można zobaczyć moje modyfikacje tutaj: http://www.catpin.com/prettyphoto

ja również dwa spakowane pliki: 1) Plik rzeczywiste jquery.prettyPhoto.js 2) skrypt PHP, który nie pobieranie (otwiera okno dialogowe pobierania przeglądarki).

Mam nadzieję, że to pomaga ... lub przynajmniej daje wyobrażenie, że można to zrobić.