2014-11-03 9 views
5

मैं वेबपेज पर एक बड़ी तस्वीर मोज़ेक कार्यक्रम है, और मैं सोच रहा हूँ क्या यह कोड करने के लिए सबसे अच्छा तरीका है, इसलिए समाधान नहीं कार्यक्रम करने और बनाए रखने/इसे बाद में बदल करने के लिए बहुत जटिल हो जाएगा।एचटीएमएल मोज़ेक - कोडिंग संभावनाओं

यहाँ पच्चीकारी के लिए एक डिजाइन, प्रत्येक चित्र बदल सकता है, दोनों काले और सफेद और रंग है।

Mosaic

मैं के बारे में 3 अलग दृष्टिकोण सोच रहा था:

  1. <table> समाधान,
  2. <div> और प्रत्येक div सीएसएस में अपनी position:absolute सेट,
  3. <div> है और जे एस के साथ रखने (सरणी पदों/आकार के साथ)।

कोई अन्य विचार?

+2

क्या आप चिनाई में आ गए हैं? http://masonry.desandro.com/ ऐसा लगता है कि यह आपको उस प्रकार के लेआउट को प्राप्त करने में मदद कर सकता है। इसके अलावा आइसोटोप एक और जेएस विकल्प है http://isotope.metafizzy.co/ – Treborbob

+2

मुझे नहीं लगता कि तालिका जाने का रास्ता है। –

+0

बस एक :-) मोज़ेक जोड़ने के लिए लगता है कि सिर्फ पहला कदम है, के बाद मैं मोज़ेक कंकाल करते हैं, मैं भर के विभिन्न कोड (सीएमएस + अपने कस्टम जावास्क्रिप्ट तस्वीर आदि संपादक) – kuba

उत्तर

0

क्या आपने this page here देखा है? मैं कल्पना कर सकता हूं कि आपके कंकाल और उन स्पष्टीकरणों के साथ आपकी और योजनाएं करना आसान होगा। :-)

+0

स्टैक ओवरफ्लो में आपका स्वागत है! यह देखने के लिए बढ़िया है कि आप अगली बार, प्रश्न के लिए और अधिक अनुमान लगाने की कोशिश कर रहे हैं। इस मामले में, निर्दिष्ट करें कि आपके मामले में प्रश्न में सुझाए गए 3 का क्या दृष्टिकोण लिया गया है? – Mdlc

+0

हा! पहला जवाब और मैं सामान का आधा भूल गया। माफ़ कीजिये! मेरे द्वारा लिंक किए गए पृष्ठ के निर्माता ने divs और जावास्क्रिप्ट के साथ कुछ किया, इसलिए यह सुझाव तीन की दिशा में चला जाता है। मुझे मोज़ेक के लिए कंकाल करने के बाद योजनाओं के बारे में पता नहीं है, लेकिन मुझे लगता है कि यह करने का सबसे अच्छा तरीका होगा यदि उपयोगकर्ता ने एचटीएमएल, सीएसएस और जेएस का उपयोग करना चाहते हैं। – tavaril

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