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

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


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





उन्नत छवि के लिए अक्सर पूछे जाने वाले प्रश्न
क्या होवर इमेज प्रभाव मोबाइल टचस्क्रीन के साथ संगत है?
हां, लेकिन यह थोड़ा अलग तरीके से काम करता है टच डिवाइस पर, पहला टैप अक्सर होवर प्रभाव (छवि को स्वैप करना) को ट्रिगर करेगा, अगर आपने लाइटबॉक्स को सक्षम नहीं किया है लेकिन अगर आपने लाइटबॉक्स को सक्षम किया है तो लाइटबॉक्स को अधिक प्राथमिकता मिलेगी और टैप पर पहली छवि लाइटबॉक्स में खुल जाएगी।
क्या उन्नत छवि विजेट मुफ़्त है?
हाँ। उन्नत छवि होवर छवि, रिबन, लाइटबॉक्स, झुकाव, रंगीन छाया और सभी स्टाइलिंग विकल्पों के साथ मुफ्त मास्टर ऐडऑन प्लगइन का हिस्सा है।
यह एलिमेंट के मूल छवि विजेट से कैसे अलग है?
एलिमेंटर का मूल विजेट आपको एक छवि, एक लिंक, एक कैप्शन और कुछ सरल स्टाइल जोड़ने देता है उन्नत छवि तत्व पेशेवर सुविधाओं का एक सूट जोड़ता है: होवर इमेज स्वैप, रिबन/लेबल, झुकाव प्रभाव, रंगीन छाया, अलग सामान्य/होवर राज्य स्टाइल, और अधिक दानेदार लाइटबॉक्स नियंत्रण यह अधिक आकर्षक, इंटरैक्टिव छवि प्रस्तुतियों को बनाने के लिए डिज़ाइन किया गया है।
क्या मैं होवर छवि या अन्य प्रभावों के बिना रिबन सुविधा का उपयोग कर सकता हूं?
बिल्कुल! प्रत्येक सुविधा स्वतंत्र है आपके पास सिर्फ एक रिबन के साथ एक छवि हो सकती है, या सिर्फ एक झुकाव प्रभाव के साथ एक छवि हो सकती है आप अपनी पसंद के अनुसार सुविधाओं को मिश्रण और मिलान कर सकते हैं केवल उन लोगों को सक्षम करें जिन्हें आपको अपने विशिष्ट डिजाइन लक्ष्य के लिए चाहिए।
प्रीलोड इमेज सेटिंग क्या करती है?
प्रीलोड छवि एक प्लेसहोल्डर दिखाती है जबकि छवि लोड होती है, इसलिए आगंतुकों को खाली जगह नहीं दिखती है रिक्त, एक धुंधला प्लेसहोल्डर छवि, एक प्रगति बॉक्स एनीमेशन, या एक नीला, हल्का या गहरा लोडिंग स्पिनर चुनें यह बड़ी छवियों के लिए सबसे उपयोगी है।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।

ग्लासमोर्फिज्म

कंटेनर अतिरिक्त

पैटर्न
![एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
पोस्ट/पेज डुप्लीकेटर

