मैं आपके पोर्टफोलियो के लिए एक पहले/बाद का स्लाइडर विकसित करूंगा

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

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

मैं उन विवरणों पर अलग से काम करता हूं जो परिणाम के प्रभाव को प्रभावित करते हैं: मैं पहले और बाद के फ्रेम को संरेखित करता हूं ताकि खींचने पर कुछ भी कूद या स्थानांतरित न हो, यदि आवश्यक हो तो कैप्शन जोड़ता हूं, और लेआउट बनाता हूं - एक हेडर स्लाइडर से लेकर पूरे प्रोजेक्ट गैलरी तक।

काम में शामिल है:
— टच, माउस, और कीबोर्ड का समर्थन करने वाला अनुकूलनशील स्लाइडर
— छवि अनुकूलन ताकि पृष्ठ गति न खोएं
— साफ कोड जिसे कोई भी डेवलपर बाद में सुधार सकता है
— एक पृष्ठ पर कई स्लाइडर बिना संघर्ष के
— आपके स्टाइल से मेल खाने के लिए बुनियादी रंग और रेखा शैली ट्यूनिंग