2012-11-20 7 views
6

जैसा कि हम सभी ने देखा है कि जब हम फेसबुक में एक छवि अंगूठे पर क्लिक करते हैं, तो यह ओवरले में पूर्ण छवि लोड करता है। मैं यह जानकर उत्सुक था कि यह टूल क्या है।फेसबुक किस छवि का उपयोग करता है छवियों को दिखाता है?

जहां तक ​​मैं समझता हूं कि यह स्पष्ट रूप से छवि दिखाने के लिए किसी भी "jQuery मोडल" का उपयोग नहीं कर रहा है, जैसा कि आप देख सकते हैं कि ओवरले स्क्रीन लेता है और स्क्रॉल-बार ओवरले के आकार के अनुसार समायोजित होते हैं लेकिन पेज स्वयं ही नहीं, जो jQuery मोडल के मामले में नहीं है। मैंने Eric martin's Simple modal जैसे कुछ मॉडलों को भी देखा लेकिन कोई भाग्य नहीं।

क्या कोई भी ऐसी प्लगइन जानता है जो इस फेसबुक को प्रभाव के रूप में प्राप्त कर सकता है?

+2

क्यों आप fancybox का प्रयास नहीं करते? http://fancyapps.com/fancybox/ – loQ

+0

फैंक्सबॉक्स का सुझाव देने के लिए धन्यवाद, मैं एरिक मार्टिन के सरल मोडल का उपयोग कर रहा था, जो अब तक मेरा पसंदीदा था, लेकिन अब इसका फैंक्सबॉक्स है। यह वास्तव में क्या कर रहा है कर रहा है। – manish

+0

fancybox 2 बहुत अच्छा है, +1 –

उत्तर

0

मुझे उम्मीद है कि फेसबुक ने jQuery मॉड्यूल जैसे आउट-ऑफ-द-बॉक्स प्लगइन का उपयोग करने के बजाय चीजों को करने के लिए अपनी क्लाइंट-साइड लाइब्रेरी लिखी है।

बस व्यवहार को देख कर मैं उनकी स्क्रिप्ट उम्मीद करेंगे

(क) विधवा का आकार (पॉपअप व्यूपोर्ट को भरने के लिए स्केल करेगा के रूप में) की जाँच करता है, तो (ख) छवि का आकार की जाँच करता है खुद

... और, टिप्पणियों और विज्ञापनों/आदि के लिए कमरे छोड़ने के बाद, ओवरले के लिए युक्त div को सेट करने के लिए बिल्कुल आकार का आंकड़ा बताता है। छवि को तब उपलब्ध स्थान के भीतर फिट करने के लिए स्केल किया जाता है।

ओवरले के अंदर स्क्रॉलबार रखने के संबंध में, यह सीएसएस overflow: auto; का उपयोग कर किसी निश्चित तत्व (यानी ऊंचाई/चौड़ाई सेट) वाले किसी तत्व पर प्राप्त किया जा सकता है। उस शैली के साथ कोई भी ब्लॉक तत्व स्क्रॉलबार प्रदर्शित करेगा यदि सामग्री तत्व के आयामों से बड़ी है।

संबंधित मुद्दे