दर्शक - वेनिला JS & jQuery के लिए सरल छवि ज़ूमिंग प्लगइन

आप एक त्वरित खोज कर सकते हैं और छवि lightboxes, स्लाइडशो, दीर्घाओं के लिए दर्जनों पुस्तकालय पा सकते हैं, आप इसे नाम देते हैं.

नवीनतम पुस्तकालयों में से एक जिसने मेरा ध्यान आकर्षित किया, वह है दर्शक। वर्तमान में संस्करण 0.6 में, यह अभी भी विकास के तहत एक परियोजना है, लेकिन यह छवि है प्लगइन का डिज़ाइन और विशेषताएं दोनों अभूतपूर्व हैं.

मुखपृष्ठ से, आपको विभिन्न छवि शैलियों के साथ एक लाइव डेमो मिलेगा। आप चुन सकते हैं अलग-अलग सुविधाओं के लिए अपनी गैलरी सेट करें एक ही छवि के साथ सीधे ज़ूमिंग की तरह, या कई छवियों को एक लंबा स्लाइड शो आवास.

यह भी एक के साथ आता है “इनलाइन मोड” यह पृष्ठ पर एक तत्व के लिए छवि दर्शक देता है। तो जब द उपयोगकर्ता एक थंबनेल पर क्लिक करता है यह तस्वीर को ज़ूम करेगा पूरे पृष्ठ के शीर्ष के बजाय उस तत्व के अंदर.

आप बहुत अधिक सब कुछ के लिए बटन मिल जाएगा: रोटेशन, अतिरिक्त कैप्शन, और पूर्ण 1: 1 ज़ूम करने के लिए हाय- res फ़ोटो का एक स्पष्ट दृश्य पाने के लिए.

कुछ JS विकल्पों के साथ आप तय करते हैं कि व्यूअर स्क्रिप्ट को कैसे काम करना चाहिए. आगंतुकों को चित्रों में ज़ूम करने नहीं देना चाहते हैं? कोई बात नहीं.

आप स्लाइड शो सुविधा को भी अक्षम कर सकते हैं, या यूआई में अगले / प्रचलित बटन को अक्षम कर सकते हैं। उसी के लिए जाता है थंबनेल तस्वीरें जब स्लाइड शो पूर्ण दृश्य में होता है तो दिखाई देता है.

इसके अलावा, ध्यान दें कि यदि आप वेनिला JS को पसंद करते हैं तो इस स्क्रिप्ट का एक नॉन-jQuery संस्करण है। दोनों प्लगइन्स एक ही तरह से काम करते हैं और वे दोनों सक्रिय विकास में हैं। इस इंटरफ़ेस को कस्टमाइज़ करने के लिए आपको जो कुछ भी चाहिए वह मुख्य GitHub पेज पर मिल सकता है.

यदि आप अपने स्वयं के UI को कोड करने में बड़े हैं तो व्यूअर एक बहुत ही अच्छा प्लगइन है। यह प्रदान करता है प्रत्येक स्लाइड शो के व्यवहार पर बहुत नियंत्रण कि आप बहुत कुछ भी आप चाहते हैं में इस पुनर्गठन कर सकते हैं.

वेब डेवलपर्स के पास इस फ्री इमेज स्क्रिप्ट में सभी विकल्पों के साथ काम करने का एक फील्ड डे होगा.