थंबनेल के साथ एलिमेंटर गैलरी स्लाइडर (प्रो): स्प्लिट-लेआउट विजेट
गैलरी स्लाइडर एक मास्टर एडॉन्स प्रो विजेट है जो एक बड़ी पूर्वावलोकन छवि को थंबनेल के एक सेट के साथ दिखाता है, इसके बगल में, ऊपर या नीचे आगंतुक एक थंबनेल पर क्लिक करते हैं, या पूर्वावलोकन को बदलने के लिए तीर का उपयोग करते हैं थंबनेल १२ कॉलम तक के ग्रिड में बैठ सकते हैं या क्षैतिज या ऊर्ध्वाधर हिंडोला में स्क्रॉल कर सकते हैं यह पोर्टफोलियो, उत्पाद फोटो, रियल एस्टेट लिस्टिंग और इवेंट एल्बम के अनुरूप है।
एलिमेंटर में थंबनेल के साथ गैलरी स्लाइडर कैसे जोड़ें
विजेट को मास्टर एडॉन्स प्रो की आवश्यकता है, और छवियां आपकी मीडिया लाइब्रेरी से आती हैं।
- मास्टर एडॉन्स प्रो सक्रिय होने पर, इसकी जाँच करें गैलरी स्लाइडर मास्टर ऐडऑन विजेट सेटिंग्स में चालू है।
- एलिमेंटर के साथ अपना पेज संपादित करें, खोजें गैलरी स्लाइडर और इसे अंदर खींचें।
- में गैलरी, क्लिक करें छवियाँ जोड़ें और अपनी तस्वीरें उठाओ मीडिया विंडो में कैप्शन जोड़ें यदि आप उन्हें दिखाना चाहते हैं।
- में थंबनेल, चुनें ग्रिड और एक कॉलम गिनती, या हिंडोला क्षैतिज या ऊर्ध्वाधर अभिविन्यास के साथ।
- में पूर्वावलोकन, प्रभाव, ऑटोप्ले, तीर सेट करें और क्या छवि एक लाइटबॉक्स खोलती है।
- स्टाइल टैब में, खोलें लेआउट, उठाओ पूर्वावलोकन स्थिति और चौड़ाई, फिर पृष्ठ को अपडेट करें।
वीडियो गैलरी केस सहित लंबी वॉकथ्रू के लिए, हमारा पढ़ें गैलरी स्लाइडर गाइड.
स्प्लिट लेआउट: किसी भी तरफ पूर्वावलोकन
स्टाइल टैब में, लेआउट सेट करता है पूर्वावलोकन स्थिति ऊपर, दाएं, नीचे या बाएं करने के लिए, डिफ़ॉल्ट के रूप में बाएं के साथ बाएं या दाएं के साथ आप सेट करते हैं पूर्वावलोकन चौड़ाई (%)डिफ़ॉल्ट रूप से ७०, और ऊपर या नीचे के साथ आप हिंडोला चौड़ाई और संरेखण सेट करें। ढेर लगाना टैबलेट और मोबाइल पर या केवल मोबाइल पर वर्टिकल लेआउट पर स्विच करता है।
- थंबनेल ग्रिडः क्षैतिज और ऊर्ध्वाधर दूरी के साथ 1 से 12 कॉलम।
- थंबनेल हिंडोला: क्षैतिज या ऊर्ध्वाधर, प्रति दृश्य 1 से 12 स्लाइड, अपने स्वयं के तीर, ऑटोप्ले, लूप और दिशा के साथ।
- रिक्ति: पूर्वावलोकन और थंबनेल के बीच का अंतर, डिफ़ॉल्ट रूप से 24।
पूर्वावलोकन और थंबनेल को स्टाइल करना
द पूर्वावलोकन स्टाइल सेक्शन में कस्टम हाइट, इमेज फिट (कवर या शामिल), बैकग्राउंड कलर, बॉर्डर, बॉर्डर रेडियस और बॉक्स शैडो, प्लस एरो साइज, पैडिंग और डिफॉल्ट, होवर और डिसेबल्ड कलर हैं। थंबनेल होवर प्रभाव प्रत्येक थंबनेल को पृष्ठभूमि रंग, अस्पष्टता (डिफ़ॉल्ट रूप से 0.65), स्केल और सीएसएस फ़िल्टर के साथ डिफ़ॉल्ट, होवर और सक्रिय स्थितियों में स्टाइल करता है, और एक ओवरले परत जोड़ता है।
- सक्रिय थंबनेलः वर्तमान छवि को एक सीमा या पूर्ण अस्पष्टता दें ताकि आगंतुक देख सकें कि वे कहाँ हैं।
- कैप्शन: ऊर्ध्वाधर और क्षैतिज स्थिति सहित पूर्वावलोकन और थंबनेल के लिए अलग कैप्शन स्टाइलिंग।
- ओवरले: ब्लेंड मोड के साथ थंबनेल के ऊपर एक रंग या ढाल परत।
स्लाइड प्रभाव, केन बर्न्स और कैप्शन होवर प्रभाव
प्रभाव सेट करता है कि पूर्वावलोकन अगली छवि पर कैसे जाता है: स्लाइड, फ़ेड, क्यूब, फ्लिप या कवरफ़्लो, के साथ गति (एमएस) डिफ़ॉल्ट रूप से १००० पर जब प्रभाव फीका होता है, तो ए केन बर्न्स विकल्प स्केल, ट्रांसफॉर्म ओरिजिन (डिफ़ॉल्ट, रैंडम या कस्टम एंकर पॉइंट), अवधि और सहजता के साथ एक धीमा ज़ूम जोड़ता है। पूर्वावलोकन होवर प्रभाव जब आगंतुक मंडराते हैं तो फ़ेड इन, फ्रॉम टॉप या फ्रॉम लेफ्ट जैसे प्रभावों के साथ कैप्शन एनिमेट करता है।
- पांच प्रभावः स्लाइड, फीका, घन, फ्लिप और कवरफ्लो।
- केन बर्न्स: केवल फीका प्रभाव के साथ उपलब्ध है।
- कैप्शन होवरः कैप्शन को अंदर या बाहर फीका करें, या इसे एक तरफ से स्लाइड करें।
ऑटोप्ले, एरो, लिंक्स और लाइटबॉक्स
पूर्वावलोकन है ऑटोप्ले (डिफ़ॉल्ट रूप से, प्रत्येक 5000 एमएस), होवर पर विराम, इंटरेक्शन पर अक्षम करें, अनंत लूप और ऑटो ऊंचाई. तीर सात पदों पर बैठ सकते हैं। से लिंक वैकल्पिक लाइटबॉक्स या कस्टम यूआरएल के साथ मीडिया फ़ाइल खोलता है। आदेश यादृच्छिक पर छवियों को फेरबदल कर सकते हैं।
- छवि संकल्पः पूर्वावलोकन के लिए अलग-अलग आकार (डिफ़ॉल्ट रूप से पूर्ण) और थंबनेल (डिफ़ॉल्ट रूप से थंबनेल)।
- कैप्शन: मीडिया लाइब्रेरी से शीर्षक, कैप्शन या विवरण, पूर्वावलोकन और थंबनेल के लिए अलग से सेट करें।
एलिमेंटर प्रो मीडिया हिंडोला बनाम मास्टर एडॉन्स गैलरी स्लाइडर
एलिमेंटर प्रो के मीडिया कैरोसेल में थंबनेल के साथ स्लाइड शो त्वचा है (प्रो के साथ एलिमेंटर ४.२।४ पर जांच की गई) फ्री एलिमेंटर में इमेज कैरोसेल में कोई थंबनेल नहीं है।
| फ़ीचर | एलिमेंटर प्रो मीडिया हिंडोला | मास्टर ऐडऑन गैलरी स्लाइडर |
|---|---|---|
| कीमत | एलिमेंट प्रो | मास्टर एडॉन्स प्रो |
| थंबनेल स्थिति | मुख्य स्लाइड के नीचे पट्टी | पूर्वावलोकन के ऊपर, दाएं, नीचे या बाएं |
| थंबनेल लेआउट | हिंडोला पट्टी | 1 से 12 स्तंभों का ग्रिड, या एक क्षैतिज या ऊर्ध्वाधर हिंडोला |
| प्रभाव | स्लाइड, फीका, घन | स्लाइड, फीका, घन, फ्लिप, कवरफ्लो |
| केन बर्न्स | नहीं | हाँ, फीका के साथ |
| वीडियो स्लाइड | हाँ | नहीं, केवल छवियाँ |
| लाइटबॉक्स | हाँ | हाँ, मीडिया फ़ाइल से लिंक करते समय |
मीडिया हिंडोला चुनें यदि कुछ स्लाइड वीडियो हैं छवि दीर्घाओं के लिए, गैलरी स्लाइडर अधिक लेआउट विकल्प देता है: किसी भी तरफ थंबनेल, एक ग्रिड या एक ऊर्ध्वाधर पट्टी, और अधिक संक्रमण प्रभाव।
अन्य छवि विजेटः छवि हिंडोला (मुक्त) और फ़िल्टर करने योग्य छवि गैलरी (मुक्त)।
गैलरी स्लाइडर के लिए अक्सर पूछे जाने वाले प्रश्न
क्या गैलरी स्लाइडर विजेट मुफ़्त है?
नंबर गैलरी स्लाइडर मास्टर एडॉन्स प्रो का हिस्सा है। मुक्त छवि हिंडोला विजेट थंबनेल पैनल के बिना सरल छवि स्लाइडर्स को कवर करता है।
क्या मैं थंबनेल को एक पंक्ति के बजाय ग्रिड में प्रदर्शित कर सकता हूँ?
हाँ। थंबनेल अनुभाग में कैरोसेल/ग्रिड को ग्रिड पर सेट करें और 1 से 12 कॉलम चुनें। एकल स्क्रॉलिंग पंक्ति या ऊर्ध्वाधर पट्टी के लिए कैरोसेल पर स्विच करें।
क्या केन बर्न्स प्रभाव सभी छवियों पर लागू होता है?
यह पूर्वावलोकन छवि पर लागू होता है, और केवल जब प्रभाव फीका पर सेट होता है केन बर्न्स को चालू करें, फिर स्केल सेट करें, मूल, अवधि और आसान को रूपांतरित करें थंबनेल प्रभावित नहीं होते हैं।
यह कई उच्च-रिज़ॉल्यूशन छवियों के साथ कैसे प्रदर्शन करता है?
छोटी फ़ाइलों को परोसें जहां आप कर सकते हैं पूर्वावलोकन छवि रिज़ॉल्यूशन को पूर्ण के बजाय बड़े पर सेट करें जब पूर्वावलोकन १०२४ पीएक्स से संकीर्ण हो, थंबनेल आकार पर थंबनेल रखें, और अपलोड करने से पहले छवियों को संपीड़ित करें।
क्या मैं इसे ऑनलाइन स्टोर में उत्पाद छवि गैलरी के लिए उपयोग कर सकता हूं?
हां, छवियों के लिए आप हाथ से चुनते हैं विजेट अपने आप से वूकॉमर्स उत्पाद छवियों को नहीं खींचता है, इसलिए गैलरी में स्वयं फ़ोटो जोड़ें।
"स्टैक ऑन" सुविधा के साथ मोबाइल पर क्या होता है?
सेट पर स्टैक जब साइड-बाय-साइड लेआउट लंबवत हो जाता है: टैबलेट और मोबाइल पर, जो डिफ़ॉल्ट है, या केवल मोबाइल पर पूर्वावलोकन और थंबनेल तब ढेर होते हैं ताकि दोनों टचस्क्रीन पर उपयोग करने के लिए पर्याप्त बड़े रहें।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
![एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
पोस्ट/पेज डुप्लीकेटर
