2011-07-20 11 views
10

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

विभिन्न आकार थंबनेल को संभालने का सबसे अच्छा तरीका क्या है? क्या मुझे इसके बजाय टेबल का उपयोग करने की ज़रूरत है?

example

उत्तर

3

मुझे लगता है कि सबसे अच्छा समाधान प्रत्येक एक निश्चित आकार के साथ एक div कंटेनर थंबनेल, ताकि हर थंबनेल एक ही स्थान लेता है दे रहा है। मेरा मतलब है, अपने थंबनेल का आकार बदलें। div में चित्र केंद्रित होना चाहिए।

13

संभावित सीएसएस समाधानों में से कोई भी विशेष रूप से अच्छा नहीं दिखता है।

मैं इन प्लग-इन में से एक के बजाय जावास्क्रिप्ट + jQuery उपयोग करने की अनुशंसा, विशेष रूप से:

+0

ये प्लगइन्स वास्तव में आश्चर्यजनक हैं –

2

मैं निम्नलिखित प्लगइन का इस्तेमाल किया है, यह ठीक काम कर रहा है:

http://suprb.com/apps/gridalicious/

+1

ध्यान दें कि [केवल-लिंक उत्तर] (http://meta.stackoverflow.com/ टैग/लिंक-केवल-उत्तर/जानकारी) निराश होते हैं, इसलिए SO समाधान समाधान के लिए खोज का अंत बिंदु होना चाहिए (बनाम। फिर भी संदर्भों का एक और स्टॉपओवर, जो समय के साथ पुराना हो जाता है)। लिंक को संदर्भ के रूप में रखते हुए, यहां स्टैंड-अलोन सारांश जोड़ना पर विचार करें। – kleopatra

0

2017 में उन लोगों के लिए अलग-अलग आकार की छवियों के लिए गैलरी की तलाश है, इस सीएसएस-ट्रिक्स को देखें लेख: https://css-tricks.com/seamless-responsive-photo-grid/

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