SmartPhoto.js - मोबाइल के लिए डिज़ाइन किया गया सरल उत्तरदायी छवि दर्शक

उत्तरदायी वेब डिज़ाइन के युग में आपको हर मोबाइल उपयोगकर्ता के अनुभव के बारे में सोचना होगा। 2017 में मोबाइल पर कुल इंटरनेट उपयोगकर्ता डेस्कटॉप के ऊपर कुछ प्रतिशत तक बढ़ गए। यह एक बड़ी बात है!

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

प्लगइन पूरी तरह से स्वतंत्र है और एक पूर्ण GitHub पृष्ठ के साथ खुला है.

यह हर-बार-बार अपडेट किया जाता है, लेकिन SmartPhoto.js का प्रमुख हिस्सा प्राकृतिक UI है। यह डेस्कटॉप पर बहुत अच्छा काम करता है और मोबाइल पर भी बेहतर बैठता है। पोर्ट्रेट या लैंडस्केप, स्मार्टफोन या टैबलेट, यह प्लगइन केक लेता है.

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

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

आप यह भी देखेंगे कि SmartPhoto के पास है कोई निर्भरता नहीं इसलिए यह बुनियादी वैनिला जेएस पर चलता है। आपको बस दो SmartPhoto.js फाइलें (सीएसएस और जेएस फाइलें) चाहिए जिन्हें आप सीधे GitHub से डाउनलोड कर सकते हैं, या npm या यार्न के साथ पैकेज प्रबंधन के माध्यम से खींच सकते हैं.

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

मैं एक सरल और मोबाइल-अनुकूल लाइटबॉक्स गैलरी के लिए SmartPhoto.js की अत्यधिक अनुशंसा करता हूं.

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