लाइटस्क्रीन के साथ फुलस्क्रीन लाइटबॉक्स स्लाइडशो.जेएस
किसी भी महान ब्लॉग या पोर्टफोलियो वेबसाइट से लाभ उठा सकते हैं मोडल लाइटबॉक्स स्लाइड शो. इसके लिए अच्छा हो सकता है संबंधित तस्वीरें दिखा रहा है या आगंतुकों को दे रहा है काम के पोर्टफोलियो के माध्यम से ब्राउज़ करें (डिजाइन, कला, फोटोग्राफी).
साथ में lightgallery.js, तुम बस पुस्तकालय स्थापित करें तथा इसे चलने दो. आप इसे सेट कर सकते हैं किसी भी संख्या में फ़ोटो के साथ और प्रत्येक स्लाइड पूरी स्क्रीन उठाता है.
मैं इस प्लगइन को अन्य स्लाइडशो पर पसंद करता हूं जो केवल स्क्रीन के एक हिस्से को लेते हैं। Lightgallery.js के साथ, सारा ध्यान स्लाइड शो पर जाता है और पहली दिखाई देने वाली छवि.
प्रत्येक स्लाइड के नीचे, आप एक पा सकते हैं छोटा विवरण लिंक के साथ या जो भी पाठ आप चाहते हैं.
ऊपरी-दाएं कोने में, आपको एक दिखाई देगा बटन की श्रृंखला के लिये विस्तारित सुविधाएँ. आदेश में, वे इस तरह से जाते हैं:
- स्लाइड शो चलाएं
- ज़ूम इन / आउट करें
- ब्राउज़र फुलस्क्रीन
- सामाजिक साझाकरण
- छवि डाउनलोड
- स्लाइड शो बंद करें
आप चुन सकते हैं और इनमें से कौन सा बटन चुनकर दिखाना चाहते हैं विकल्पों का संपादन जब आप प्लगइन कहते हैं.
वास्तव में, मैं प्रलेखन में कितना विस्तार से उड़ा रहा हूं। इसका विवरण है विकल्प तथा कॉलबैक के तरीके. लेकिन आप के लिए भी जानकारी मिल जाएगी कस्टम डेटा विशेषताएँ, सस चर, और यहां तक कि एक प्लगइन एपीआई lightgallery पर मॉड्यूल बनाने के लिए.
ओह, और क्या मैंने इसका उल्लेख किया है पूरी तरह से मोबाइल के अनुकूल? आप अपनी उंगली से या यहां तक कि माउस के साथ गैलरी के माध्यम से तस्वीरें स्वाइप कर सकते हैं.
यह एक डिजाइनर या फोटोग्राफर के लिए एकदम सही विकल्प है जो अपनी साइट पर अपने पोर्टफोलियो को प्रदर्शित करने के लिए एक शानदार तरीका चाहता है.
तुम भी iframes या वीडियो एम्बेड करें YouTube या Vimeo जैसी साइटों से। यह वास्तव में सर्वश्रेष्ठ संभव उपयोगकर्ता अनुभव की पेशकश करने वाला सबसे अच्छा लाइटबॉक्स गैलरी प्लगइन है.
यह लाइब्रेरी है सभी निर्भरता से मुक्त और यह शुद्ध जावास्क्रिप्ट पर चलता है. पर यह बड़े पुस्तकालयों के साथ अच्छा खेलता है जैसे कि jQuery या बूटस्ट्रैप.
अगर आप इसे पसंद करेंगे एक jQuery प्लगइन के रूप में jQuery उपयोगकर्ताओं के लिए पोर्ट किया गया एक lightgallery.js प्लगइन है। आप देख सकते हैं ए पूर्ण डेमो पर डेमो पेज या बाहर की जाँच करें नीचे कलम. और अगर आपको जरूरत है सोर्स कोड को सिर गिटहब रेपो तथा एक प्रति पकड़ो स्वयं के लिए.