2010-08-06 3 views
5

क्या किसी ने भी नई Google छवि खोज देखी है। यह छवियों को एक क्षेत्र में तैरने का प्रबंधन करता है। छवियों को आकार में समूहित करके इसे सही तरीके से फिट करें।नई Google छवियां वे सही ढंग से कैसे चलती हैं

Frog images

मुझे लगता है कि वहाँ ऐसा करने के दो तरीके हैं: नियम छवियों बनाने के लिए चौड़ाई और इन छवियों

  • एक CSS नियम की ऊंचाइयों को शामिल किसी प्रकार से

    • स्क्रिप्टिंग।

    एक पटकथा परिदृश्य में हम समूह छवियों तो 1000 पिक्सेल की एक अधिकतम चौड़ाई का उपयोग छवियों के हमारे 4 लाइनों के लिए यह 4 बार भरने के लिए कर सकता है।

    सीएसएस नियमों को छवियों को फ्लोट करना होगा, लेकिन उन्हें फिर से आदेश देना होगा।

    क्या किसी के पास कोई अन्य विचार है कि यह कैसे काम करेगा?

  • +0

    एक संभावित सुराग - वे सभी लोड होने के बाद, उन्होंने अपने ब्राउज़र में बेहतर फिट करने के लिए खुद को पुन: व्यवस्थित किया। – Justin

    +1

    फ़ायरफ़ॉक्स में, यह '' es का उपयोग करता है। जावास्क्रिप्ट के बिना, यह साधारण छवियों में गिरावट आती है। – MvanGeest

    +0

    वाह मैंने वास्तव में ध्यान नहीं दिया था कि वे हमेशा पूरी तरह से लाइन करते हैं। बहुत फैंसी Google। ऐसा लगता है कि असली काम सर्वर की तरफ किया जा रहा है। यह भी ध्यान रखें कि वे छवियों को फसल करने के लिए थोड़ा सा फसल करने से डरते नहीं हैं। – Triptych

    उत्तर

    1

    के साथ लोड की गई छवियों का आकार बदलने के लिए भी उपयोग किया जा सकता है। वे कैनवास जेएस के साथ छवियों को दोबारा आकार देते हैं। फिर ली चौड़ाई, ऊंचाई सेट करें और फिर ओवरफ्लो छुपाएं जोड़ें। यदि आप css img.myimg {width: 70px} में अपनी सभी छवियों पर चौड़ाई सेट करते हैं तो आप भी वही परिणाम प्राप्त कर सकते हैं। मुझे नहीं लगता कि पेज को प्रस्तुत करने में अधिक समय लगेगा, फिर जेएस कोड का उपयोग करें।

    1

    मुझे लगता है कि Google सर्वर पर इन सभी स्टफ कर रहा है: विंडो का आकार बदलने का प्रयास करें - इसे आकार बदलने वाली छवियों के साथ एक सर्कंड में पुनः लोड किया जाएगा। दूसरी ओर मुझे एक कैनवास तत्व मिला जो जेएस

    +0

    वे अपना ऑर्डर भी रखते हैं, यह इंगित करेगा कि छवियों को स्केल किया गया है ताकि वे फिट हो जाएंगे एक ग्रिड 10, 8, 6, 4, 3 में भर में। उलझा हुआ! – Paul