होवर स्वैप, रिबन और झुकाव के साथ मुफ्त एलिमेंटर इमेज विजेट

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

एलिमेंटर में होवर इमेज स्वैप कैसे जोड़ें

आपको Elementor और WordPress।org से निःशुल्क मास्टर ऐडऑन प्लगइन की आवश्यकता है।

  1. जांचें कि उन्नत छवि नीचे चालू है मास्टर ऐडऑन, विजेट.
  2. एलिमेंटर संपादक में, खोजें उन्नत छवि और इसे पृष्ठ पर खींचें।
  3. यदि आवश्यक हो तो मुख्य छवि और एक छवि लिंक चुनें।
  4. चालू करें होवर छवि प्रदर्शित करें और दूसरी छवि चुनें, आदर्श रूप से समान आकार।
  5. सामग्री और सेटिंग्स अनुभागों से एक रिबन, लाइटबॉक्स, झुकाव या रंगीन छाया जोड़ें रंगीन छाया होवर छवि के साथ मिलकर काम नहीं करती है।
  6. स्टाइल टैब में सामान्य और होवर स्थिति को स्टाइल करें।

प्रत्येक सेटिंग को कवर किया गया है उन्नत छवि विजेट सेटिंग्स.

गुलाबी प्रशंसापत्र कार्ड में शादी के जोड़े की तस्वीर के बगल में उन्नत छवि होवर छवि और प्रीलोड सेटिंग्स

होवर इमेज और स्मार्ट इफेक्ट्स

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

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

अनुकूलन रिबन और लेबल

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

  • मुख्य जानकारी हाइलाइट करें: छवि पर सीधे स्थिति, प्रचार या श्रेणी को तुरंत संप्रेषित करें।
  • लचीली स्थिति: चित्र के महत्वपूर्ण हिस्सों को कवर करने से बचने के लिए रिबन को किसी भी कोने में रखें।
  • पूर्ण शैली नियंत्रण: रिबन की पृष्ठभूमि, पाठ रंग और फ़ॉन्ट को अपनी साइट की डिज़ाइन भाषा से मिलाएं।
60% छूट, 40% छूट और लोकप्रिय रिबन के साथ फैशन तस्वीरों के बगल में कॉर्नर शैली के साथ उन्नत छवि रिबन सेटिंग्स
प्लस लाइटबॉक्स बटन वाले क्षेत्र में एक महिला की तस्वीर के बगल में उन्नत छवि लिंक और लाइटबॉक्स सेटिंग्स

लिंक और लाइटबॉक्स एकीकरण जोड़ें

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

  • किसी उत्पाद पृष्ठ से लिंक करें या पूर्ण आकार का लाइटबॉक्स खोलें।
  • इसके कॉलम में बाएँ, मध्य या दाएँ संरेखण।
  • बड़ी छवियों के लिए एक लोडिंग प्लेसहोल्डर।

विस्तृत स्टाइलिंग एवं आकार नियंत्रण

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

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

उन्नत छवि के लिए अक्सर पूछे जाने वाले प्रश्न

उन्नत छवि के बारे में उपयोगकर्ताओं द्वारा पूछे जाने वाले सबसे अधिक पूछे जाने वाले प्रश्नों को जानें और एक ही स्थान पर उत्तर खोजें।
क्या होवर इमेज प्रभाव मोबाइल टचस्क्रीन के साथ संगत है?

हां, लेकिन यह थोड़ा अलग तरीके से काम करता है टच डिवाइस पर, पहला टैप अक्सर होवर प्रभाव (छवि को स्वैप करना) को ट्रिगर करेगा, अगर आपने लाइटबॉक्स को सक्षम नहीं किया है लेकिन अगर आपने लाइटबॉक्स को सक्षम किया है तो लाइटबॉक्स को अधिक प्राथमिकता मिलेगी और टैप पर पहली छवि लाइटबॉक्स में खुल जाएगी।

हाँ। उन्नत छवि होवर छवि, रिबन, लाइटबॉक्स, झुकाव, रंगीन छाया और सभी स्टाइलिंग विकल्पों के साथ मुफ्त मास्टर ऐडऑन प्लगइन का हिस्सा है।

एलिमेंटर का मूल विजेट आपको एक छवि, एक लिंक, एक कैप्शन और कुछ सरल स्टाइल जोड़ने देता है उन्नत छवि तत्व पेशेवर सुविधाओं का एक सूट जोड़ता है: होवर इमेज स्वैप, रिबन/लेबल, झुकाव प्रभाव, रंगीन छाया, अलग सामान्य/होवर राज्य स्टाइल, और अधिक दानेदार लाइटबॉक्स नियंत्रण यह अधिक आकर्षक, इंटरैक्टिव छवि प्रस्तुतियों को बनाने के लिए डिज़ाइन किया गया है।

क्या मैं होवर छवि या अन्य प्रभावों के बिना रिबन सुविधा का उपयोग कर सकता हूं?

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

प्रीलोड छवि एक प्लेसहोल्डर दिखाती है जबकि छवि लोड होती है, इसलिए आगंतुकों को खाली जगह नहीं दिखती है रिक्त, एक धुंधला प्लेसहोल्डर छवि, एक प्रगति बॉक्स एनीमेशन, या एक नीला, हल्का या गहरा लोडिंग स्पिनर चुनें यह बड़ी छवियों के लिए सबसे उपयोगी है।

ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन

कम समय में परिष्कृत वेबसाइट बनाएं।

एलिमेंटर के लिए मास्टर एडॉन्स ग्लासमोर्फिज्म एक्सटेंशन: ब्लर वैल्यू कंट्रोल के साथ फ्रॉस्टेड ग्लास कार्ड 20px पर सेट

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

होम फ्री एलिमेंटर ग्लासमोर्फिज्म एक्सटेंशन: एक टॉगल में फ्रॉस्टेड ग्लास प्रभाव ग्लासमोर्फिज्म फ्रॉस्टेड है।।।
विवरण देखें
एलिमेंटर के लिए मास्टर एडॉन्स कंटेनर एक्स्ट्रा एक्सटेंशन: कंटेनर को अधिकतम चौड़ाई, अधिकतम ऊंचाई, न्यूनतम चौड़ाई और न्यूनतम ऊंचाई नियंत्रण के साथ 1400px अधिकतम चौड़ाई पर कैप किया गया है

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

होम एलिमेंटर कंटेनर अधिकतम चौड़ाई और अधिकतम ऊंचाई नियंत्रण कंटेनर एक्स्ट्रा एक निःशुल्क मास्टर है।।।
विवरण देखें
एलिमेंटर के लिए मास्टर एडॉन्स पैटर्न एक्सटेंशन: पर्पल ग्रेडिएंट ग्रिड लेफ्ट स्टाइल के साथ हीरो, तीन और पैटर्न स्टाइल और इनेबल पैटर्न पैनल

पैटर्न

होम 70+ फ्री एलिमेंटर बैकग्राउंड पैटर्न पैटर्न एक मुफ्त मास्टर ऐडऑन एक्सटेंशन है जो जोड़ता है।।।
विवरण देखें
एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट

पोस्ट/पेज डुप्लीकेटर

होम डुप्लिकेट एलिमेंटर पेज और पोस्ट एक क्लिक में पोस्ट/पेज डुप्लिकेटर एक निःशुल्क मास्टर है।।।
विवरण देखें
एलिमेंट के लिए मास्टर ऐडऑन रीडिंग प्रोग्रेस बार एक्सटेंशन: गोपनीयता नीति पृष्ठ के शीर्ष पर नीली बार 42% भरी हुई है, सक्षम, स्थिति, ऊंचाई और रंग सेटिंग्स भरने के साथ

प्रगति बार पढ़ना

होम वर्डप्रेस में रीडिंग प्रोग्रेस बार जोड़ें (एलिमेंटर) रीडिंग प्रोग्रेस बार मुफ़्त है।।।
विवरण देखें