এলিমেন্টর ইমেজ ক্যারোজেল উইজেট: লাইটবক্স এবং কভারফ্লো সহ ফ্রি স্লাইডার
মাস্টার অ্যাডঅন-এর চিত্র ক্যারোজেল উইজেট একটি ওয়ার্ডপ্রেস গ্যালারিকে একটি সোয়াইপযোগ্য স্লাইডারে পরিণত করে। আপনি ছবি বাছাই করুন, ডেস্কটপ, ট্যাবলেট এবং ফোনে কতগুলি শো দেখান তা চয়ন করুন এবং অটোপ্লে, একটি অসীম লুপ, একটি লাইটবক্স এবং একটি 3D কভারফ্লো লেআউট যোগ করুন যদি আপনি একটি চান৷ প্রতিটি স্লাইড তার স্বাভাবিক, হোভার এবং সক্রিয় অবস্থায় স্টাইল করা যেতে পারে এবং তীর, বিন্দু এবং অগ্রগতি বার আপনার ব্র্যান্ড অনুসরণ করে। এটি পোর্টফোলিও, পণ্য শট, হোটেল এবং সম্পত্তি ট্যুর এবং ক্লায়েন্ট লোগোর জন্য কাজ করে।
কভারফ্লো এবং ক্যারোজেল লেআউট
ক্যারোজেল সেটিংসে একটি ক্যারোজেল বা কভারফ্লো লেআউট চয়ন করুন। প্রতি কলামের স্লাইডগুলি ডেস্কটপ, ট্যাবলেট এবং মোবাইলের জন্য পৃথক মান সহ 1 থেকে 6 পর্যন্ত একবারে কতগুলি স্লাইড দেখায় তা সেট করে, তাই ক্যারোজেল অতিরিক্ত CSS ছাড়াই প্রতিক্রিয়াশীল। স্ক্রোল করার জন্য স্লাইডগুলি প্রতিটি ধাপ কতদূর চলে তা সেট করে। লুপ ক্যারোজেলকে অসীম করে তোলে এবং অটোপ্লে, সেন্টার স্লাইড, গ্র্যাব কার্সার এবং ড্র্যাগ ফ্রি মোড পরিবর্তন করে এটি কীভাবে চলে। যখন ক্যারোজেল একটি ট্যাব বা অ্যাকর্ডিয়নের ভিতরে বসে তখন পর্যবেক্ষক চালু করুন।
- প্রতিক্রিয়াশীল: ডেস্কটপ, ট্যাবলেট এবং মোবাইলে একটি ভিন্ন স্লাইড গণনা।
- মুভমেন্ট: অটোপ্লে গতি, অ্যানিমেশন গতি, হোভারে বিরতি এবং একটি অসীম লুপ।
- উচ্চতা: স্বয়ংক্রিয় উচ্চতা সবচেয়ে লম্বা দৃশ্যমান স্লাইড অনুসরণ করে, অথবা ক্যারোজেলের জন্য একটি কাস্টম উচ্চতা সেট করে।
স্বাভাবিক, হোভার এবং সক্রিয় অবস্থায় স্টাইল স্লাইড
ক্যারোজেল আইটেম বিভাগ তিনটি রাজ্যে প্রতিটি চিত্রের চারপাশে বাক্সটিকে স্টাইল করে। স্বাভাবিক, হোভার এবং সক্রিয় জন্য একটি পটভূমি, সীমানা, ছায়া এবং প্যাডিং সেট করুন, প্লাস স্লাইড এবং অস্বচ্ছতার মধ্যে আইটেম ব্যবধান। কেন্দ্র স্লাইডটিকে তার প্রতিবেশীদের থেকে আলাদা করতে সক্রিয় অবস্থা ব্যবহার করুন।
- হোভার: একটি ছায়া উত্তোলন বা একটি রঙ পরিবর্তন যখন পয়েন্টার একটি স্লাইডের উপর থাকে।
- সক্রিয়: বর্তমান স্লাইডে একটি ভিন্ন সীমানা বা পটভূমি।
- ফ্রেম: প্রতিটি আইটেমের উপর সীমানা ব্যাসার্ধ, বক্স শ্যাডো এবং প্যাডিং।
লাইটবক্স, তীর, বিন্দু এবং অগ্রগতি বার সহ চিত্র ক্যারোজেল
নেভিগেশন তীর, বিন্দু, তীর এবং বিন্দু, তীর এবং ভগ্নাংশ, বা একটি অগ্রগতি বার হতে পারে এবং আপনি তাদের যেকোনো একটিতে একটি টেনে আনাযোগ্য স্ক্রলবার যোগ করতে পারেন। তীরগুলি কাস্টম আইকনগুলি নেয় এবং ক্যারোজেলের ভিতরে বা বাইরে বসে। লাইটবক্স ডিফল্টরূপে চালু থাকে এবং প্রতিটি ছবিকে ফ্যান্সিবক্স বা এলিমেন্টর লাইটবক্স দিয়ে পূর্ণ আকারে খোলে। ছবির শিরোনাম এবং এর মিডিয়া লাইব্রেরি ক্যাপশন লাইটবক্সে প্রদর্শিত হবে এবং আপনি প্রিভিউ আইকন এবং ওভারলে সহ উভয়ই স্টাইল করতে পারেন।
- তীর: রঙ, আকার, পটভূমি এবং অনুভূমিক অফসেট, মোবাইলে লুকানোর বিকল্প সহ।
- কাউন্টার: একটি ভগ্নাংশ যেমন 1/8, বা উপরে বা নীচে একটি অগ্রগতি বার।
- লাইটবক্স: ফ্যান্সিবক্স বা এলিমেন্টর, একটি কাস্টম প্রিভিউ আইকন এবং ওভারলে সহ।
Elementor Pro ছাড়া কভারফ্লো ইমেজ ক্যারোজেল
এলিমেন্টরে, কভারফ্লো প্রভাব মিডিয়া ক্যারোজেল উইজেটের অন্তর্গত, যা এলিমেন্টর প্রো-এর অংশ। মাস্টার অ্যাডঅনস ইমেজ ক্যারোজেলে এটি একটি লেআউট বিকল্প হিসাবে রয়েছে। লেআউটকে কভারফ্লোতে সেট করুন এবং কেন্দ্রের স্লাইডটি সামনের দিকে মুখ করে যখন এর প্রতিবেশীরা মুখ ফিরিয়ে নেয়। কভারফ্লো ইফেক্ট পপওভারে চারটি স্লাইডার রয়েছে: ঘোরানো, প্রসারিত, সংশোধক এবং গভীরতা। নীচের ক্যারোজেলটি লাইভ, তাই এটি টেনে আনুন বা বিন্দুগুলি ব্যবহার করুন৷
ফ্লিপ, আর্ক এবং কক্ষপথ শৈলীর জন্য, আমাদের গাইড দেখুন এলিমেন্টর 3D ক্যারোজেল.
এলিমেন্টর ইমেজ ক্যারোজেল বনাম মাস্টার অ্যাডনস ইমেজ ক্যারোজেল
এলিমেন্টরের নিজস্ব ইমেজ ক্যারোজেল স্লাইডে ক্যাপশন সহ একটি মৌলিক স্লাইডারের জন্য যথেষ্ট। আপনার যখন একটি কভারফ্লো লেআউট, একটি অগ্রগতি বার বা একটি ভগ্নাংশ কাউন্টার, ফ্যান্সিবক্স, বা সক্রিয় স্লাইডের জন্য পৃথক স্টাইলিং প্রয়োজন তখন মাস্টার অ্যাডঅনগুলি বেছে নিন।
| এলিমেন্টর ইমেজ ক্যারোজেল | মাস্টার অ্যাডনস ইমেজ ক্যারোজেল | |
|---|---|---|
| দাম | বিনামূল্যে | বিনামূল্যে |
| ডিভাইস প্রতি ভিউ প্রতি স্লাইড | হ্যাঁ | হ্যাঁ |
| বিন্যাস | স্লাইড বা বিবর্ণ | ক্যারোজেল বা 3D কভারফ্লো |
| ক্যাপশন | স্লাইডে: শিরোনাম, ক্যাপশন বা বিবরণ | লাইটবক্সে: ছবির শিরোনাম এবং ক্যাপশন |
| নেভিগেশন | তীর এবং বিন্দু | তীর, বিন্দু, গতিশীল বুলেট, ভগ্নাংশ, অগ্রগতি বার এবং স্ক্রলবার |
| লাইটবক্স | এলিমেন্টর লাইটবক্স | একটি কাস্টম প্রিভিউ আইকন এবং ওভারলে সহ ফ্যান্সিবক্স বা এলিমেন্টর |
| স্লাইড স্টাইলিং | বেসিক | স্বাভাবিক, হোভার এবং সক্রিয় অবস্থা |
| লিংক | সমস্ত স্লাইডের জন্য একটি কাস্টম URL | কোন লিঙ্ক ক্ষেত্র নেই, ছবি লাইটবক্সে খোলা |
ইমেজ ক্যারোজেল উইজেট কি করতে পারে এবং কি করতে পারে না
উইজেটে কী আছে এবং কী নেই তার একটি দ্রুত তালিকা।
| বৈশিষ্ট্য | ইমেজ ক্যারোজেল |
|---|---|
| লাইটবক্স (ফ্যান্সিবক্স বা এলিমেন্টর) | হ্যাঁ |
| কভারফ্লো লেআউট | হ্যাঁ |
| ডিভাইস প্রতি স্লাইড, 1 থেকে 6 | হ্যাঁ |
| তীর, বিন্দু, ভগ্নাংশ, অগ্রগতি বার এবং স্ক্রলবার | হ্যাঁ |
| অটোপ্লে এবং অসীম লুপ | হ্যাঁ |
| স্বাভাবিক, হোভার এবং সক্রিয় স্লাইড স্টাইলিং | হ্যাঁ |
| লাইটবক্সে ক্যাপশন (ছবির শিরোনাম এবং ক্যাপশন) | হ্যাঁ |
| স্লাইডে ক্যাপশন | না |
| প্রতি ইমেজ লিঙ্ক | না |
| একাধিক সারি | না |
| ভিডিও স্লাইড | না |
| থাম্বনেইল নেভিগেশন | না, দেখুন গ্যালারি স্লাইডার (প্রো) |
ছবি ক্যারোজেল উদাহরণ
এই তিনটি ক্যারোসেল লাইভ উইজেট। লাইটবক্স খুলতে যেকোনো ছবিতে ক্লিক করুন। তাদের অধীনে ডেমো ভিউয়ারে আরও লেআউট রয়েছে।
হোটেল ট্যুর, তিন জুড়ে
ডেস্কটপে তিনটি স্লাইড, দুটি ট্যাবলেটে এবং একটি মোবাইলে, ছবিগুলির উপর তীর সহ।
একটি অগ্রগতি বার সহ মেনু স্ট্রিপ
ড্র্যাগ ফ্রি মোড চালু এবং বিন্দুর জায়গায় একটি অগ্রগতি বার সহ অটোপ্লে।
এলিমেন্টরে কীভাবে একটি ইমেজ ক্যারোজেল যোগ করবেন
স্ক্রিনশট সহ দীর্ঘ হাঁটার জন্য, পড়ুন এলিমেন্টরে কীভাবে একটি ইমেজ ক্যারোজেল তৈরি করবেন.
- বিনামূল্যে মাস্টার অ্যাডঅন প্লাগইন ইনস্টল করুন এবং এলিমেন্টর দিয়ে আপনার পৃষ্ঠা সম্পাদনা করুন।
- ইমেজ ক্যারোজেলের জন্য উইজেট প্যানেলটি অনুসন্ধান করুন এবং এটি একটি পাত্রে টেনে আনুন।
- গ্যালারি ক্ষেত্রে ক্লিক করুন, আপনার ছবি বাছাই করুন এবং চিত্র রেজোলিউশন সেট করুন।
- প্রতি ডিভাইসে কতগুলি স্লাইড দেখায় তা সেট করুন, তারপর অটোপ্লে, লুপ এবং লাইটবক্স চালু করুন যদি আপনি সেগুলি চান৷।
- ক্যারোজেল বা কভারফ্লো চয়ন করুন, স্লাইড এবং তীরগুলি স্টাইল করুন এবং প্রকাশ করুন৷।
সম্পর্কিত carousels: লোগো স্লাইডার, টিম স্লাইডার, গ্যালারি স্লাইডার (প্রো) এবং ব্লগ উইজেটের ক্যারোজেল মোড। একটি একক ছবিতে হোভার অ্যানিমেশনের জন্য, দেখুন ইমেজ হোভার প্রভাব.
চিত্রগুলির একটি ফিল্টারযোগ্য গ্রিডের জন্য, দেখুন ফিল্টারযোগ্য ইমেজ গ্যালারি.
ইমেজ ক্যারোজেলের জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন
এলিমেন্টরের বেসিক ইমেজ ক্যারোজেলের প্রধান সুবিধা কী?
Elementor এর ইমেজ ক্যারোজেল একটি সাধারণ স্লাইডার ভালভাবে পরিচালনা করে: ক্যাপশন, একটি লাইটবক্স, অটোপ্লে এবং ডিভাইস প্রতি স্লাইড। মাস্টার অ্যাডঅনস একটি 3D কভারফ্লো লেআউট, ভগ্নাংশ, অগ্রগতি বার এবং স্ক্রলবার নেভিগেশন, একটি কাস্টম প্রিভিউ আইকন সহ ফ্যান্সিবক্স বা এলিমেন্টর লাইটবক্সের একটি পছন্দ, সাধারণ, হোভার এবং সক্রিয় স্লাইডগুলির জন্য স্টাইলিং এবং ট্যাব বা অ্যাকর্ডিয়নের ভিতরে ক্যারোসেলগুলির জন্য একটি পর্যবেক্ষক বিকল্প যুক্ত করে।
আমি কিভাবে সমস্ত ক্যারোজেল ছবি একই উচ্চতায় রাখতে পারি?
একই আকৃতির অনুপাত সহ ছবি আপলোড করুন, কারণ উইজেট প্রতিটি চিত্রকে তার নিজস্ব আকারে দেখায়। আপনি যদি প্রথমে সেগুলি ক্রপ করতে না পারেন, উইজেটটিকে একটি CSS ক্লাস দিন এবং অবজেক্ট-ফিট সহ একটি নির্দিষ্ট উচ্চতা সেট করুন: স্লাইড চিত্রগুলিতে কভার করুন। কাস্টম উচ্চতা নিজেই ক্যারোজেলের উচ্চতা সেট করে এবং ছবিগুলি ক্রপ করে না।
আমি কি হোভারে রঙ করার জন্য গ্রেস্কেল সহ একটি লোগো স্লাইডারের জন্য এটি ব্যবহার করতে পারি?
হ্যাঁ আপনার লোগো ছবি আপলোড করুন. ক্যারোজেল আইটেম ট্যাবে, স্বাভাবিক অবস্থার অস্বচ্ছতা সেট করুন বা তাদের গ্রেস্কেল করতে একটি CSS ফিল্টার ব্যবহার করুন। তারপরে, হোভার অবস্থায়, অপাসিটি 1 এ সেট করুন এবং ফিল্টারটি সরান। অথবা ব্যবহার করুন লোগো স্লাইডার উইজেট, যা ক্লায়েন্ট লোগোর জন্য নির্মিত।
ক্যারোজেল ক্রমাগত স্ক্রোল করতে পারে?
এটি অটোপ্লে সহ বা ছাড়াই এক সময়ে এক ধাপ সরে যায়। একটি স্ট্রিপের জন্য যা থামিয়ে না দিয়ে গ্লাইড করে, একটি মার্কি তৈরি করুন। আমাদের এলিমেন্টর মার্কি গাইড এটি করার তিনটি উপায় দেখায়।
একটি ক্যারোজেল এবং একটি স্লাইডারের মধ্যে পার্থক্য কি?
একটি স্লাইডার একবারে একটি স্লাইড দেখায়, সাধারণত পূর্ণ প্রস্থ। একটি ক্যারোজেল একটি ট্র্যাকে একবারে বেশ কয়েকটি দেখায়। এই উইজেটটি উভয়ই করে: প্রতি কলামে স্লাইড 1 এ সেট করুন এবং এটি একটি স্লাইডার হিসাবে কাজ করে। মধ্যে আরো আছে ক্যারোজেল বনাম স্লাইডার.
প্রতিটি ছবির নিজস্ব লিঙ্ক থাকতে পারে?
অ . ছবিগুলি লাইটবক্সে খোলা থাকে এবং উইজেটে কোন লিঙ্ক ক্ষেত্র নেই৷ Elementor এর নিজস্ব ইমেজ ক্যারোজেলের একটি কাস্টম URL বিকল্প রয়েছে, তবে এটি প্রতিটি স্লাইডে প্রযোজ্য। আইটেম প্রতি একটি লিঙ্কের জন্য, ব্যবহার করুন লোগো স্লাইডার.
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
![এলিমেন্টরের জন্য মাস্টার অ্যাডঅন পোস্ট/পেজ ডুপ্লিকেটর এক্সটেনশন: ওয়ার্ডপ্রেস পেজ লিস্টে এমএ ডুপ্লিকেটর সারি লিঙ্ক একটি ল্যান্ডিং পেজ তৈরি করে - [ডুপ্লিকেটেড #128] ড্রাফ্ট](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
পোস্ট/পেজ ডুপ্লিকেটর
