वेब पर कब्जा और परिवर्तित करने के लिए उपकरण
GrabzIt लिंक पूर्वावलोकन प्लगइन

लिंक पूर्वावलोकन प्लगइन

लिंक प्रीव्यू प्लगइन वेबपेज का एक पूर्वावलोकन दिखाता है, जब उपयोगकर्ता लिंक पर होवर करता है और लिंक में कक्षा होती है, तो वह लिंक लिंकिंग होता है। grabzit-preview। इस saveउपयोगकर्ता समय तय करते हैं कि कौन सा लिंक वह है जो वे चाहते हैं।

आरंभ करने के लिए पृष्ठ के निचले भाग पर नीचे की ओर स्थित निकाय टैग के ऊपर स्थित रेखा को स्थान दें। फिर अपने वास्तविक के साथ "आवेदन कुंजी" को बदलें आवेदन कुंजी। लिंक करने के लिए पूर्वावलोकन क्षमता जोड़ने के लिए बस आगे जोड़ें grabzit-preview लिंक के लिए कक्षा। इसके बाद स्वचालित रूप से पढ़ा जाएगा और एक पूर्वावलोकन उत्पन्न होगा।

new GrabzItPreview("Sign in to view your Application Key");

आपको इसके अलावा कोई अन्य कॉन्फ़िगरेशन विकल्प सेट करने की आवश्यकता नहीं है, हालांकि आप सभी को निर्दिष्ट कर सकते हैं सामान्य, छवि और एनिमेटेड GIF पैरामीटर विकल्प वस्तु में। उदाहरण के लिए नीचे के उदाहरण में हमने 200 x 200 होने के लिए चौड़ाई और ऊंचाई निर्धारित की है।

new GrabzItPreview("Sign in to view your Application Key", {"width": 200, "height": 200});

यदि आप href विशेषता में पाए गए URL के अलावा कोई URL निर्दिष्ट करना चाहते हैं। आप एक का उपयोग करके निर्दिष्ट कर सकते हैं grabzit-href उदाहरण के लिए विशेषता।

<a href="http://example.com" grabzit-href="https://www.tesla.com" class="grabzit-preview">My Example</a>

अपनी इच्छानुसार जावास्क्रिप्ट या सीएसएस को बदलने के लिए स्वतंत्र महसूस करें! हालाँकि हम विशेष सीएसएस कक्षाएं प्रदान करते हैं जिनका उपयोग आप पूर्वावलोकन बॉक्स को स्टाइल करने के लिए कर सकते हैं, इनमें शामिल हैं: grabzit-preview-container, grabzit-preview-caption, grabzit-preview-loader और grabzit-preview-screenshot.

एक ब्लॉग या सीएमएस पर GrabzIt पूर्वावलोकन स्थापित करना

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

अब डाउनलोड करें


यह जावास्क्रिप्ट प्लगइन पूरी तरह से खुला स्रोत है! यदि आप स्रोत कोड देखना या सुधारना चाहते हैं तो आप इसे पा सकते हैं GitHub.