Prettyphoto.js या Fancybox में ... कैप्शन

Question

सहायता के भीतर एक लिंक कैसे जोड़ें! मैं लेखकों की एक टीम के लिए एक वेबसाइट पर काम कर रहा हूं।

वे शैडोबॉक्स प्रभाव का उपयोग करके (पोर्टफोलियो) पर काम कर चुके विशिष्ट नौकरियों के उदाहरण दिखाना चाहते हैं।

एक बार खोला गया (ओवरले में) तस्वीर जो वास्तव में एक .doc का स्क्रीनशॉट है, उसके लिए मोटे तौर पर इसे समझाने के लिए एक कैप्शन होगा। बात यह है कि वे कैप्शन के अंदर एक लिंक चाहते हैं ताकि उपयोगकर्ता फाइलों (.doc, .pdf) को अपने डेस्कटॉप पर डाउनलोड कर सकें या किसी अन्य साइट से लिंक कर सकें जिस पर उन्होंने काम किया है।

मैंने इसे फैंक्सबॉक्स के साथ करने में कामयाब रहा है, लेकिन जिस तरह से लिंक शामिल है, उसमें अवांछित पाठ दिखाता है जब ब्राउजर पीले टूलटिप)।

<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

धन्यवाद इस पोस्ट के लिए बहुत बहुत एचटीएमएल चरित्र संस्थाओं की एक पूरी सूची प्राप्त करें! इससे मुझे बहुत मदद मिली, लेकिन फिर टूलटिप ने इसे मेरे लिए पानी से बाहर उड़ा दिया। फिर! मुझे उस हिस्से में भी एक आसान फिक्स मिला। एक शीर्षक विशेषता है कि एक स्थान शामिल हैं जोड़े लंगर टैग के अंदर 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> 

वाहू! कोई टूलटिप और कैप्शन एक लिंक के साथ काम करता है।

Answer 3

सुंदरफोटो का यह विषय और फोटो डाउनलोड लिंक जोड़ने में असमर्थता कुछ वर्षों से चर्चा हुई है। मुझे आश्चर्य है कि मूल लेखकों ने इसे संबोधित नहीं किया है ... जहां तक ​​मुझे पता है।

अब PrettyPhoto के कई संस्करण हैं, कुछ मैश-अप कि जूमला, वर्डप्रेस के लिए प्लग-इन के रूप में उपयोग किया जाता है, आदि

तो मैं जूमला प्लगइन लिया और इसे संशोधित सहित रहे हैं। यह जूमला के बिना स्टैंड-अलोन चला सकता है (जैसा कि मैं जूमला का उपयोग नहीं करता)। तुम मेरी संशोधन यहाँ देख सकते हैं: 1) वास्तविक jquery.prettyPhoto.js फ़ाइल 2) PHP स्क्रिप्ट है कि करता है डाउनलोड (ब्राउज़र डाउनलोड संवाद बॉक्स खुलता है): http://www.catpin.com/prettyphoto

मैं भी दो ज़िप की गई फ़ाइलों में शामिल हैं।

मुझे उम्मीद है कि यह मदद करता है ... या कम से कम आपको यह विचार देता है कि यह किया जा सकता है।