SimpleLightbox - टच-फ्रेंडली इमेज लाइटबॉक्स जो वर्डप्रेस का समर्थन करता है

पोर्टफोलियो साइट, ब्लॉग पोस्ट और यहां तक ​​कि सोशल साइट्स सभी लाइटबॉक्स का उपयोग करते हैं। वे काम कर रहे हैं पृष्ठ पर अधिक स्थान लिए बिना बड़ी सामग्री दिखाने के लिए.

लेकिन जब बहुत सारी मुफ्त स्क्रिप्ट ऑनलाइन होती हैं तो खरोंच से अपना निर्माण करने का कोई कारण नहीं होता है। मेरे नए फव्वारों में से एक SimpleLightbox है, जिसे 100% बनाया गया है सभी उपकरणों पर खुला स्रोत और मोबाइल उत्तरदायी.

सभी छवि थंबनेल और लाइटबॉक्स नेविगेशन लिंक स्पर्श व्यवहार का समर्थन करते हैं ताकि उपयोगकर्ता किसी भी स्मार्टफोन या टैबलेट से सामग्री के माध्यम से ब्राउज़ कर सकें.

होमपेज से, आप आधिकारिक GitHub रेपो, आधिकारिक वर्डप्रेस प्लगइन और आधिकारिक TYPO3 एक्सटेंशन के लिंक पा सकते हैं.

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

प्रत्येक स्लाइड छवि पूरे दृश्य में पूरे स्लाइड शो के माध्यम से नेविगेट करने के लिए तीर के साथ दिखाई देती है। पर तुम कर सकते हो SimpleLightbox API का उपयोग करके अतिरिक्त सुविधाएँ शामिल करें. प्रलेखन में सुविधाओं की एक पूरी तालिका है और ये मेरे पसंदीदा में से कुछ हैं:

• नेविगेशन पाठ.
• छवि कैप्शन.
• छवि अनुपात आकार.
• स्वाइप-टू-क्लोज़ फ़ीचर.
• कस्टम एनीमेशन शैलियों.
• वैकल्पिक लोडिंग स्पिनर.

जब भी उपयोगकर्ता किसी गैलरी को खोलने के लिए क्लिक करता है, एक नई छवि के लिए स्वाइप करता है, या कोई अन्य अतिरिक्त कार्य करता है, तो यह लाइब्रेरी आपको कॉलबैक फ़ंक्शन चलाने देती है.

ये तरीके सभी हैं GitHub स्रोत कोड में लाइव उदाहरण सहित मुख्य साइट पर प्रलेखित. यदि आप कमांड लाइन से परिचित नहीं हैं, तो आप पैकेज प्रबंधन उपकरण के रूप में बोवर या यार्न का उपयोग करके एक कॉपी खींच सकते हैं, हालांकि GitHub एक आसान तरीका हो सकता है.

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

अधिक जानने के लिए SimpleLightbox होमपेज पर एक नज़र डालें और GitHub से स्क्रिप्ट की एक प्रति डाउनलोड करें.