আমি বুটস্ট্র্যাপ কারাউসেল ব্যবহার করছি। আমি কেবল চাই যে স্লাইডারটি কেবল তখন স্লাইড হবে যখন কোনও নেভিগেশন বা পৃষ্ঠাগুলি ক্লিক করা হবে। আমি অপসারণ করার চেষ্টা করেছি
$('.carousel').carousel({
interval: 6000
});
এটি ঠিকঠাক কাজ করে তবে আমার সমস্যাটি একবার আমি নেভিগেশন বা পৃষ্ঠাগুলি ক্লিক করে ফেলেছি, এটি এখন স্বয়ংক্রিয়ভাবে স্লাইডিং। অটো স্লাইডিংয়ের কাজটি কি সরিয়ে ফেলা সম্ভব? যদি তাই হয়, কিভাবে?
উত্তর:
আপনি জেএস বা এইচটিএমএল (ইস্টিস্ট) এর মাধ্যমে এই 2 টি উপায়ে করতে পারেন
$('.carousel').carousel({
interval: false,
});
এটি অটো স্লাইডিং বন্ধ করে দেবে কারণ সেখানে মিলিসেকেন্ডগুলি যুক্ত হয়নি এবং এর পরে আর স্লাইডার হবে না।
data-interval="false"করেছে এবং সরিয়েছেdata-ride="carousel"<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">হয়ে:
<div id="carouselExampleCaptions" class="carousel slide" data-interval="false">@ ওয়েবম্যানের মন্তব্যের ভিত্তিতে আপডেট হয়েছে
থেকে সরকারী দস্তাবেজ :
বিরতি কোনও আইটেমটি স্বয়ংক্রিয়ভাবে সাইক্লিংয়ের মধ্যে বিলম্বের সময়। যদি মিথ্যা হয় , কারোসেল স্বয়ংক্রিয়ভাবে চক্র করবে না।
আপনি হয় জাভাস্ক্রিপ্ট বা একটি data-interval="false"গুণাবলী ব্যবহার করে এই মানটি পাস করতে পারেন ।
the-bootstrap
data-interval="false"আরও ভাল সমাধান, বুটস্ট্র্যাপ জেএস স্পর্শ করার প্রয়োজন নেই!
scripts.jsএবং এইচটিএমএলে কোনও স্ক্রিপ্ট কোডিং না রাখাই এটি আরও অনেক ভাল ডিজাইন ! ;)
আপনাকে কেবল আপনার ডিআইভি ট্যাগে আরও একটি বৈশিষ্ট্য যুক্ত করতে হবে যা এটি
data-interval="false"জেএস টাচ করার দরকার নেই!
নিম্নলিখিত চেষ্টা করুন:
<script>
$(document).ready(function() {
$('.carousel').carousel('pause');
});
</script>ডেটা-বিরতি = "FALSE"
এটি সম্পর্কিত ডিভাইসে যুক্ত করুন ...
$(document).ready(function() {
$('#media').carousel({
pause: true,
interval: 40000,
});
});উপরের স্ক্রিপ্টটি ব্যবহার করে আপনি চিত্রগুলি স্বয়ংক্রিয়ভাবে সরানোতে সক্ষম হবেন
$(document).ready(function() {
$('#media').carousel({
pause: true,
interval: false,
});
});উপরের স্ক্রিপ্টটি ব্যবহার করে, auto-rotationব্লক করা হবে কারণ intervalএটিfalse
data-ride="carousel"... এবংdata-interval="false"