TechBlogSD - ওয়ার্ডপ্রেস এবং ওয়েব ডেভেলপমেন্টের জন্য সবকিছু
ওয়েব এবং ওয়ার্ডপ্রেস নির্দেশাবলী, খবর, থিম এবং প্লাগইনগুলির পর্যালোচনা

লাইটবক্স কী এবং কীভাবে এটি উইবলিতে ব্যবহার করবেন?

3

লাইটবক্স কি?

লাইটবক্স হল একটি পপআপ ওভারলেং উইন্ডো যখন কোনো ছবিতে বা ভিডিওতে ক্লিক করলে তার আসল আকার দেখায়। জাভাস্ক্রিপ্টটি প্রাথমিকভাবে ব্যবহার করা হয়েছিল jQuery এর সাথে এই ইমেজ ওভারলেং টেকনিকের মাধ্যমে। যখন একটি ছবি ওভারলেং উইন্ডোতে দেখানো হয়, তখনও ব্যবহারকারী পপআপ বন্ধ না করে পৃষ্ঠায় নেভিগেট করার জন্য উপরে / নিচে তীর এবং ট্যাবের মত কীবোর্ড ফাংশন ব্যবহার করতে সক্ষম হবে । পৃষ্ঠার বাইরের এলাকাটি ম্লান হয়ে গেছে এবং লাইটবক্সের বাইরে ক্লিক করলে পপআপ থেকে বেরিয়ে আসবে।

লাইটবক্স হিসেবে দেখা হলে নিচে একটি ছবির উদাহরণ দেওয়া হল:

লাইটবক্স কী এবং কীভাবে এটি উইবলিতে ব্যবহার করবেন?

লাইটবক্স ইমেজ

উইবলিতে লাইটবক্স সক্ষম বা অক্ষম করা

Weebly দুটি উপাদান ব্যবহার করে ছবিতে লাইটবক্স প্রভাব যোগ করার অনুমতি দেয়:

  • চিত্র উপাদান – আপনি একটি একক ছবিতে লাইটবক্স প্রভাব যোগ করতে পারেন।
  • গ্যালারি উপাদান – আপনি একটি চিত্র গ্যালারিতে লাইটবক্স প্রভাব যোগ করতে পারেন।

একক ছবিতে লাইটবক্স যুক্ত করা

পছন্দসই বিষয়বস্তু এলাকায় একটি ইমেজ এলিমেন্ট টানুন এবং ড্রপ করুন এবং আপনার Weebly ওয়েবসাইটে ছবিটি যোগ করুন । একবার যোগ করা হলে, নিচের স্ক্রিনশটে দেখানো উন্নত পপআপ সেটিংস বক্স দেখতে ছবিতে ক্লিক করুন।

লাইটবক্স কী এবং কীভাবে এটি উইবলিতে ব্যবহার করবেন?

ছবির জন্য Weebly লাইটবক্স বিকল্প

আপনি "লাইটবক্স" বিকল্প ব্যবহার করে লাইটবক্স সক্ষম বা অক্ষম করতে পারেন।

গ্যালারিতে লাইটবক্স ব্যবহার করা

একক চিত্রের অনুরূপ, একটি গ্যালারি উপাদান যোগ করুন এবং আপনার সমস্ত ছবি আপলোড করুন। উন্নত সেটিংস দেখতে যেকোনো ছবিতে ক্লিক করুন এবং আপনি "থাম্বনেইল" বিকল্পের অধীনে লাইটবক্স সক্ষম করতে পারেন। গ্যালারি উপাদানটিতে লাইটবক্সের জন্য তিনটি বিকল্প রয়েছে:

  • শুধুমাত্র লাইটবক্স
  • লাইটবক্স এবং আংশিক থাম্বনেল
  • লাইটবক্স এবং পূর্ণ থাম্বনেল

লাইটবক্স কী এবং কীভাবে এটি উইবলিতে ব্যবহার করবেন?

Weebly গ্যালারি এলিমেন্টে লাইটবক্স প্রভাব

কখন লাইটবক্স সক্ষম করবেন?

আপনার Weebly সাইটে সমস্ত ছবির জন্য লাইগবক্স সক্ষম করার প্রয়োজন নেই। নীচে এমন কিছু পরিস্থিতি রয়েছে যা আপনাকে এই বৈশিষ্ট্যটি ব্যবহার করতে হতে পারে:

  • বড় আকারের ছবিগুলিকে ছোট আকারে পরিবর্তন করার সময়
  • যখন একটি ছবিতে টেক্সট থাকে এবং টেক্সট দেখার জন্য ব্যবহারকারীকে ছবিটিকে মূল আকারে বড় করতে হয়।
  • মার্জিতভাবে ছবির গ্যালারি দেখুন।

যখন একটি ছবির লাইটবক্স নিষ্ক্রিয় করা হয় তখন ব্যবহারকারী পপ-আপ উইন্ডোতে আসল আকার দেখতে ছবিতে ক্লিক করতে পারবে না। এছাড়াও লাইটবক্স অপশনটি ব্যবহার করা যাবে না যখন ছবিটি অন্য কোন রিসোর্সের সাথে লিঙ্ক করলে ছবিটিতে ক্লিক করলেই আপনাকে টার্গেট ইউআরএলে নিয়ে যাবে।

কিভাবে Weebly Lightbox কাজ করে?

Weebly লাইটবক্স বৈশিষ্ট্য প্রদানের জন্য fancyapps.com থেকে একটি তৃতীয় পক্ষের jQuery fancybox স্ক্রিপ্ট ব্যবহার করে । আপনি fancyapps সাইটে টিপস অ্যান্ড ট্রিকস সেকশন পড়ে লাইটবক্স ইফেক্ট কাস্টমাইজ করতে পারেন । আপনি যদি উইবলির ডিফল্ট লাইটবক্স প্রভাব পছন্দ না করেন, তাহলে আপনি আপনার ছবিতে লাইটবক্স প্রভাব যোগ করতে অন্য যেকোনো জাভাস্ক্রিপ্ট বা jQuery প্লাগইন ব্যবহার করতে পারেন। কিছু প্লাগইন একটি পপ-আপ স্লাইডশো ভিউতে একটি পৃষ্ঠায় সমস্ত চিত্র প্রদর্শন করে।

লাইটবক্স ব্যবহারের অসুবিধা

লাইটবক্স ইফেক্ট ভালো লাগলেও এর অনেক অসুবিধা রয়েছে।

  • যেহেতু jQuery স্ক্রিপ্টটি অভিনব প্রভাব প্রদান করতে ব্যবহৃত হয়, তাই লাইটবক্স ব্যবহার করলে পৃষ্ঠা লোডের সময় বৃদ্ধি পাবে, তাই প্রয়োজন হলেই ব্যবহার করুন।
  • যেহেতু মূল ছবিটি ব্রাউজার উইন্ডোতে দেখা যায় না, তাই ছবির URL টি অনুলিপি করার একমাত্র উপায় হল ছবিতে ডান ক্লিক করা এবং URL টি অনুলিপি করা।
  • ওয়েব ব্রাউজারে জাভাস্ক্রিপ্ট নিষ্ক্রিয় থাকলে বৈশিষ্ট্য কাজ করবে না। জাভাস্ক্রিপ্ট নিষ্ক্রিয় করা হলে একটি ব্রাউজার উইন্ডোতে পূর্ণ আকারের ছবি খুলবে ।

রেকর্ডিং উত্স: webnots.com
Leave A Reply

এই ওয়েবসাইট আপনার অভিজ্ঞতা উন্নত করতে কুকি ব্যবহার করে। আমরা ধরে নেব যে আপনি এটির সাথে ঠিক আছেন, তবে আপনি ইচ্ছা করলে অপ্ট-আউট করতে পারেন। আমি স্বীকার করছি আরো বিস্তারিত