পৃষ্ঠা লোডে অটো স্লাইডিং থেকে টুইটার বুটস্ট্র্যাপ কারাউসেল রোধ করা হচ্ছে


119

পরবর্তী বা পূর্ববর্তী বোতামটি ক্লিক না করা হলে পৃষ্ঠা লোডে অটো স্লাইডিং থেকে টুইটার বুটস্ট্র্যাপ কারাউসেলটি রোধ করার কি কোনও উপায় আছে?

ধন্যবাদ

উত্তর:


263

বা আপনি যদি বুটস্ট্র্যাপ 3.0 ব্যবহার করেন তবে উদাহরণস্বরূপ ডেটা-ইন্টারভাল = "মিথ্যা" দিয়ে সাইকেল চালানো বন্ধ করতে পারেন

<div id="carousel-example-generic" class="carousel slide" data-interval="false">

অন্যান্য সহায়ক ক্যারোসেল ডেটা অ্যাট্রিবিউটগুলি এখানে রয়েছে -> http://getbootstrap.com/javascript/#carousel-usage


4
এটি প্রশ্নের 100% উত্তর নয় কারণ এটি একটি বোতাম ক্লিক করা হলেও সাইকেল চালানো থেকে বিরত থাকে। তবে ঠিক আমি যা খুঁজছিলাম তা ছিল। সুতরাং যাইহোক আপনাকে ধন্যবাদ!
টিলিটো

3
data-interval="false"
আয়নু সিউটা

53

আসলে, সমস্যা এখন সমাধান করা হয়েছে। আমি নীচের মতো 'কারাউসেল' পদ্ধতিতে 'বিরতি' যুক্তি যুক্ত করেছি:

$(document).ready(function() {      
   $('.carousel').carousel('pause');
});

যাইহোক, এই সমাধানের দিকে আপনার টিপসের জন্য @ ইয়াহনকে অনেক ধন্যবাদ।


7
এটি পূর্ব / পরের পরে স্লাইডিং শুরু হবে, stackoverflow.com/a/18208327/463065 এ একবার দেখুন, আপনি যদি যা খুঁজছেন তা যদি তা না হয়।
ট্রুফা

আরও নির্দিষ্টটির জন্য এটি হবে $(function(){ $("#idName").carousel('pause'); });
রোজার


17

আপনি যদি কারওসেলেরdata-interval="false" HTML কাঠামোতে বুটস্ট্র্যাপ 3 সেট ব্যবহার করছেন

উদাহরণ:

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">

10
  • data-interval="false"স্বয়ংক্রিয় স্লাইড বন্ধ করতে ব্যবহার করুন
  • data-wrap="false"বিজ্ঞপ্তি স্লাইড বন্ধ করতে ব্যবহার করুন


5

নীচে বুটস্ট্র্যাপ কারাউসেলের পরামিতিগুলির তালিকা রয়েছে। বিরতি, বিরতি, মোড়কের মত:

এখানে চিত্র বর্ণনা লিখুন

আরও তথ্যের জন্য এই লিঙ্কটি দেখুন:

http://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp

আশা করি এটা তোমাকে সাহায্য করবে :)

দ্রষ্টব্য: এটি আরও সহায়তার জন্য। আমি বোঝাতে চাইছি যে একবার আপনি ক্যারোলগুলি লোড হয়ে গেলে কীভাবে কাস্টমাইজ করতে বা ডিফল্ট আচরণ পরিবর্তন করতে পারেন।


2

আমি মনে করি সম্ভবত আপনি কারাউসেল সম্পর্কে অফিসিয়াল নির্দেশ পরীক্ষা করতে যাবেন, আমার জন্য, আমি উপরের উত্তর খুঁজে পাইনি, বুটস্ট্র্যাপের একাধিক সংস্করণের কারণে, আমি বি 4-আলফা ব্যবহার করছি এবং আমি অটোপ্লে এফেক্ট স্টপ চাই।

$(document).ready({
    pause:true,
    interval:false
});

মাউস সেই পৃষ্ঠাটি ছেড়ে যাওয়ার সময় এই স্ক্রিপ্টটি কোনও প্রভাব ফেলবে না, হুবহু কারাউসেল অঞ্চল। সরকারী সংজ্ঞাতে যান এবং সেগুলি সন্ধান করুন:

এখানে চিত্র বর্ণনা লিখুন

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

সুতরাং, আপনি যদি কোনও পৃষ্ঠা চিরতরে থামতে চান এবং ম্যানুয়ালি ঘোরান , আপনি কেবল সেট করতে পারেন data-interval='false'


1

- স্বয়ংক্রিয় স্লাইড বন্ধ করতে ডেটা-ইন্টারভাল = "মিথ্যা" ব্যবহার করুন - বিজ্ঞপ্তি স্লাইড বন্ধ করতে ডেটা-মোড়ানো = "মিথ্যা" ব্যবহার করুন

...

1

বুটস্ট্র্যাপ 4 এর জন্য সহজভাবে কারাউসল ডিভিশন থেকে 'ডেটা-রাইড = "ক্যারোসেল" "সরান। এটি লোডের সময় অটো প্লে সরিয়ে দেয়।

আবার অটো প্লে সক্ষম করতে আপনাকে এখনও জাভাস্ক্রিপ্টে "প্লে" কলটি ব্যবহার করতে হবে।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.