मुखपृष्ठ » टूलकिट » मोबाइल जवाबदेही के लिए 15 लाइटबॉक्स लाइब्रेरी

    मोबाइल जवाबदेही के लिए 15 लाइटबॉक्स लाइब्रेरी

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

    इसकी उपेक्षा करना, और जवाबदेही की आवश्यकता, आजकल एक अच्छा विचार नहीं है, यही कारण है कि 15 उत्तरदायी लाइटबॉक्स पुस्तकालयों के इस संग्रह की जाँच करनी चाहिए.

    होंगकीट पर अधिक:

    • एचटीएमएल 5 डायलॉग के साथ आसानी से मोडल विंडो बनाना
    • शीर्ष 10 नि: शुल्क उत्तरदायी छवि गैलरी / स्लाइडशो
    • अपनी साइट के लिए Vex का उपयोग करके बेहतर मोडल विंडो बनाएं, नियंत्रित करें और अनुकूलित करें
    • jQuery की छवि गैलरी और स्लाइडर्स - सर्वश्रेष्ठ

    PhotoSwipe

    PhotoSwipe अब तक मेरा पसंदीदा ligthbox प्लगइन है। यह हल्का, स्पर्श-सक्षम, और सबसे महत्वपूर्ण रूप से मॉड्यूलर है जो मुझे कुछ हिस्सों को खोदने की अनुमति देता है जिनकी आवश्यकता नहीं है। यह मोबाइल ब्राउज़र में अच्छी तरह से चलता है। आप अपनी उंगलियों के साथ छवियों के माध्यम से स्वाइप कर सकते हैं जैसा कि आप एक देशी ऐप में करेंगे, और संक्रमण वास्तव में सुचारू रूप से चलता है.

    • निर्भरता: कोई नहीं
    • ब्राउज़र का समर्थन: IE8 +, क्रोम, फ़ायरफ़ॉक्स, सफारी, ओपेरा और कुछ मोबाइल ब्राउज़र.
    • लाइसेंस: एमआईटी लाइसेंस

    MagnificPopup

    MagnificPopup एक और लाइटबॉक्स प्लगइन है, उसी व्यक्ति द्वारा विकसित किया गया है जिसने हमें PhotoSwipe, दिमित्री सेमेनोव दिया। यह एक jQuery / Zepto प्लगइन के रूप में आता है, और क्षमताओं को भी लाता है जो PhotoSwipe में गायब हैं जैसे कि वीडियो, मैप और अजाक्स सामग्री के लिए समर्थन। यह उन लोगों के लिए एक बढ़िया विकल्प है जो हाथ में अधिक सुविधाएँ रखना पसंद करते हैं.

    • निर्भरता: jQuery 1.9.1+, या Zepto.js
    • ब्राउज़र का समर्थन: IE7 (आंशिक रूप से), IE8 +, क्रोम, फ़ायरफ़ॉक्स, सफारी और ओपेरा.
    • लाइसेंस: एमआईटी लाइसेंस

    swipebox

    Swipebox मोबाइल प्लेटफॉर्म के लिए टच जेस्चर सपोर्ट के साथ एक jQuery प्लगइन है। यह छवियों से अलग Youtube और Vimeo के वीडियो का भी समर्थन करता है। Swipebox को लागू करना भी आसान है, और इसके व्यवहार को अनुकूलित करने के लिए मुट्ठी भर विकल्प हैं। मुझे लगता है कि Swipebox जावास्क्रिप्ट नॉब्स के लिए एक महान लाइटबॉक्स प्लगइन है.

    • निर्भरता: jQuery
    • ब्राउज़र का समर्थन: IE9 +, क्रोम, सफारी, फ़ायरफ़ॉक्स, ओपेरा, IOS4 +, एंड्रॉइड और विंडोज फोन.
    • लाइसेंस: अपरिभाषित

    iLightbox

    iLighbox मीडिया प्रकारों की एक विस्तृत श्रृंखला के साथ एक jQuery लाइटबॉक्स प्लगइन्स है: वीडियो, फ्लैश / एसडब्ल्यूएफ, अजाक्स सामग्री, आइफ्रेम और नक्शे सहित। यह प्लगइन मीडिया के शीर्ष पर सोशल मीडिया बटन भी जोड़ता है, जिससे आपके उपयोगकर्ता इसे फेसबुक, ट्विटर या रेडिट पर साझा कर सकते हैं। इसके अलावा उन्नत अनुभाग देखें कि iLightbox को विभिन्न परिदृश्यों में कैसे लागू किया जा सकता है.

    • निर्भरता: jQuery
    • ब्राउज़र का समर्थन: IE7 +, क्रोम, फ़ायरफ़ॉक्स, सफारी और ओपेरा
    • लाइसेंस: अपरिभाषित

    बूटस्ट्रैप के लिए लाइटबॉक्स

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

    • निर्भरता: jQuery और बूटस्ट्रैप मोडल
    • ब्राउज़र का समर्थन: IE8 +, क्रोम, फ़ायरफ़ॉक्स, सफारी और ओपेरा
    • लाइसेंस: जीएनयू लाइसेंस

    नीवो लाइटबॉक्स

    नीवो लाइटबॉक्स एक लचीला lightbox प्लगइन है। दिखने के तरीके को बदलने के लिए कई विकल्प शामिल किए गए हैं जैसे कि यह दिखाई देना, जैसे कि विषय बदलना, संक्रमण प्रभाव, और नेविगेशन स्विच करना.

    • निर्भरता: jQuery
    • ब्राउज़र का समर्थन: IE9 +, क्रोम, फ़ायरफ़ॉक्स, सफारी और ओपेरा
    • लाइसेंस: एमआईटी लाइसेंस

    छवि प्रकाश बॉक्स

    छवि प्रकाश बॉक्स ब्लोट के बिना एक लाइटबॉक्स प्लगइन है। यह विशेष रूप से छवि के लिए बनाया गया है इसलिए दिया गया नाम - कोई वीडियो या अन्य मीडिया प्रकार समर्थित नहीं है। इसके लिए बाहरी HTML मार्कअप की भी आवश्यकता नहीं है; तत्व पर्याप्त है। प्लगइन सिर्फ काम करता है.

    • निर्भरता: jQuery
    • ब्राउज़र का समर्थन: IE9 +, क्रोम, फ़ायरफ़ॉक्स, सफारी और ओपेरा
    • लाइसेंस: अपरिभाषित

    मिनी लाइटबॉक्स

    ब्लोट में से कोई नहीं के साथ एक और लाइटबॉक्स प्लगइन। लाइब्रेरी केवल 2kb है, और केवल छवियों के साथ काम करती है। यह सही प्लगइन है यदि आप केवल नवीनतम ब्राउज़र के लिए नामित करते हैं और वीडियो जैसे अन्य मीडिया प्रकारों को ओवरले करने की आवश्यकता नहीं है.

    • निर्भरता: कोई नहीं
    • ब्राउज़र का समर्थन: IE10 +, क्रोम, फ़ायरफ़ॉक्स, सफारी और ओपेरा
    • लाइसेंस: एमआईटी लाइसेंस

    LightCase

    लाइटकेस एक प्यारा लाइटबॉक्स प्लगइन है। यह कई एनिमेशन के साथ आता है जो उपयोगकर्ता के संपर्क को जीवंत बनाता है, जैसे फीका, लोचदार ज़ूम और स्क्रॉलिंग। इसके अलावा, यह YouTube एम्बेड, HTML वीडियो, SWF और इनपुट रूपों सहित विभिन्न प्रकार के मीडिया का भी समर्थन करता है। प्लगइन भी ठीक से संभालता है मीडिया तक नहीं पहुंचा जा सकता है या त्रुटियों को पाया जा सकता है

    • निर्भरता: jQuery
    • ब्राउज़र का समर्थन: IE9 +, क्रोम, फ़ायरफ़ॉक्स, सफारी और ओपेरा
    • लाइसेंस: जीपीएल लाइसेंस

    Yalb

    Yalb अभी तक एक और लाइटबॉक्स के लिए खड़ा है - लेकिन यह नहीं है। Yalb एक मुट्ठी भर API के साथ आता है जिसमें कस्टम इवेंट शामिल होते हैं जो आपको लाइटबॉक्स स्टेट्स की पहचान करने की अनुमति देते हैं, जैसे कि यह कब है खुला और जब यह है बंद करे. याल्ब दो संस्करण में आता है, वेनिला जावास्क्रिप्ट और jQuery प्लगइन.

    • निर्भरता: कोई नहीं
    • ब्राउज़र का समर्थन: IE9 +, क्रोम, फ़ायरफ़ॉक्स, सफारी और ओपेरा
    • लाइसेंस: एमआईटी लाइसेंस

    पंख सा हल्का

    6kb पंख सा हल्का प्रेमी डेवलपर के लिए एक नंगे प्लगइन है और केवल आवश्यक सामान ले जाता है। यदि आप की जरूरत है, उदाहरण के लिए, एक गैलरी में छवि lightbox समूह के लिए, आप गैलरी विस्तार शामिल कर सकते हैं। आप इस प्लगइन को अपनी परियोजना की आवश्यकताओं में फिट करने के लिए अपना स्वयं का विस्तार भी विकसित कर सकते हैं.

    • निर्भरता: jQuery
    • ब्राउज़र का समर्थन: IE8 +, क्रोम, फ़ायरफ़ॉक्स, सफारी और ओपेरा
    • लाइसेंस: एमआईटी लाइसेंस

    LightLayer

    LightLayer एक आसान उपयोग करने के लिए lightbox प्लगइन है। इसमें मुट्ठी भर विकल्प, कस्टम जावास्क्रिप्ट विधियाँ और कस्टम ईवेंट हैं। प्लगइन छवियों, वीडियो, नक्शे और बाहरी सामग्री के साथ काम करता है। हम और क्या पूछ सकते हैं.

    • निर्भरता: jQuery
    • ब्राउज़र का समर्थन: IE9 +, क्रोम, फ़ायरफ़ॉक्स, सफारी और ओपेरा
    • लाइसेंस: एमआईटी लाइसेंस

    LightGallery

    LightGallery, बहुत सी सुविधाओं के साथ एक और लाइटबॉक्स प्लगइन जोड़ा गया। यह लाइटबॉक्स के सबसे नन्हे विवरण को कस्टमाइज़ करने के लिए 20 से अधिक विकल्पों के साथ आता है.

    • निर्भरता: jQuery
    • ब्राउज़र का समर्थन: IE7 +, क्रोम, फ़ायरफ़ॉक्स, सफारी, ओपेरा, आईओएस, एंड्रॉइड और विंडोज फोन
    • लाइसेंस: एमआईटी लाइसेंस

    FluidBox

    Fluidbox एक इमेज लाइटबॉक्स प्लगइन है जो कि मीडियम से प्रेरित है। यह फ्लोटिंग इमेज, इमेज सहित विभिन्न परिस्थितियों में छवियों के साथ काम करता है पूर्ण स्थिति, चित्र जिसमें बॉर्डर और पैडिंग और गैलरी हैं। यह कैसे बनाया गया था इसकी जाँच करें। यदि आपको वर्डप्रेस प्लगइन की आवश्यकता है, तो एक है.

    • निर्भरता: jQuery
    • ब्राउज़र का समर्थन: IE9 +, क्रोम, फ़ायरफ़ॉक्स, सफारी, ओपेरा
    • लाइसेंस: एमआईटी लाइसेंस

    StripJS

    StripJS एक अद्वितीय lightbox प्लगइन है। छवि को ओवरले करने के बजाय, प्लगइन छवियों को इसके बजाय साइड से स्लाइड करता है, ताकि यह पूरी सामग्री को ब्लॉक न करे। StripJS छवि और वीडियो दोनों का समर्थन करता है.

    • निर्भरता: jQuery
    • ब्राउज़र का समर्थन: IE7 +, क्रोम, फ़ायरफ़ॉक्स, सफारी, ओपेरा, iOS 5+ और एंड्रॉइड 3+
    • लाइसेंस: क्रिएटिव कॉमन्स BY-NC-ND 3.0 लाइसेंस