2011-11-10 12 views
5

मैं एक जावास्क्रिप्ट/jquery गैलरी बनाने के लिए देख रहा हूं जो नीचे दिए गए मानदंडों को पूरा करता है, और यह जानना अच्छा लगेगा कि कोई मौजूदा गैलरी मॉड्यूल है जिसमें इनमें से सभी/अधिकतर विशेषताएं हैं:स्वाइप कार्यक्षमता के साथ एक उत्तरदायी फोटो-दीवार गैलरी

1. ज़ूम (एकल दृश्य) कार्यक्षमता के साथ फोटो दीवार। जैसे। http://tympanus.net/Tutorials/SlidingPanelPhotowallGallery/

2. उत्तरदायी, ताकि तस्वीर दीवार छवियों टाइल ठीक से डेस्कटॉप & मोबाइल उपकरणों, और फेरबदल के लिए उपयोगकर्ता अपने ब्राउज़र का आकार बदलता है। जैसे। http://isotope.metafizzy.co/

3. (वैकल्पिक लेकिन वांछनीय)। यदि कोई उपयोगकर्ता मोबाइल डिवाइस पर है, तो उन्हें एकल-दृश्य छवियों के माध्यम से स्वाइप करने दें।

संक्षेप में। कोई उपयोगकर्ता थंबनेल दीवार पर जायेगा, एक छवि का चयन करेगा, और फिर या तो अधिक विस्तृत फ़ोटो के माध्यम से स्वाइप कर सकता है, या दीवार पर वापस स्विच कर सकता है।

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

हम एक PHP/Linux वातावरण पर होस्टिंग कर रहे हैं।

उत्तर

2

jQuery मेसन पर एक नज़र डालें।

जो आप पूछ रहे हैं उसे 'ज़ूम' नहीं कहा जाता है (यह एक और प्रभाव है), आपको लगता है कि लाइटबॉक्स कहलाता है। इनमें से बहुत सारे हैं, यहां एक तुलना है, http://planetozh.com/projects/lightbox-clones/

छवियों को फिर से आकार देने के लिए आपको छवि जीडी या छविमैजिक का उपयोग करने के लिए कुछ PHP लिखना होगा, यहां एक ट्यूटोरियल, http://net.tutsplus.com/tutorials/php/image-resizing-made-easy-with-php/ या संभवतः एक स्क्रिप्ट है, http://shiftingpixel.com/2008/03/03/smart-image-resizer/ (या timthumb.php)।

उनकी सेवा के लिए आपको अपने जावास्क्रिप्ट के साथ कुछ PHP लिखना होगा।

आप जो भी मांग रहे हैं उसके लिए एक समाधान में कोई भी नहीं है, आपको इसे लिखना होगा या ऐसा करने के लिए किसी को किराए पर लेना होगा।

1

जहाँ तक मुझे पता के रूप में आप एक प्लगइन बना सकते हैं या लिखना सब अनुकूलित विशेषताओं प्राप्त करने के लिए आप jQuery कार्यों के मालिक हैं।

  1. (है कि प्रदर्शन और रखरखाव के अर्थ में बहुत अच्छा हो जाएगा) कार्यक्षमता आप जूमिंग के लिए करने के लिए है AJAX कॉल के साथ कुछ मोडल विंडो का उपयोग कर सकते हैं या आप बना सकते हैं।
  2. इसे प्राप्त करने के लिए आपको अच्छा सीएसएस लिखना होगा ताकि आपकी तस्वीर स्क्रीन के अनुसार गठबंधन हो। यदि आप अच्छा सीएसएस लिखते हैं तो ताज़ाफल संभाला जाएगा।
  3. हाँ आप ब्राउजर नेविगेटर का पता लगाकर और सीएसएस और जावास्क्रिप्ट को तदनुसार बदलकर इसे प्राप्त कर सकते हैं।
  4. प्री प्रोसेसिंग छवियों के लिए (आकार बदलने, गतिशील रूप से थंबनेल उत्पन्न करना) आप PHP बैकएंड समाधानों का चयन कर सकते हैं।
  5. और कोई चिंता नहीं है कि आप छवियों से अजाक्स के माध्यम से फ़ोल्डर को संभाल सकते हैं और उन्हें आवश्यकतानुसार दिखा सकते हैं। http://masonry.desandro.com/

    यह एक संवेदनशील दीवार के रूप में इस्तेमाल किया जा सकता:

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