पेज लोड पर ऑटो स्लाइडिंग से ट्विटर बूटस्ट्रैप हिंडोला को रोकना


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"बूटस्ट्रैप 4 के
Ionu

53

दरअसल, अब समस्या हल हो गई है। मैंने नीचे दिए गए तरीके से 'हिंडोला' के लिए 'ठहराव' तर्क जोड़ा:

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

वैसे भी, इस समाधान की ओर आपके सुझावों के लिए इतना @ धन्यवाद।


7
यह प्रचलित / अगले के बाद स्लाइड करना शुरू कर देगा, stackoverflow.com/a/18208327/463065 पर एक नज़र डालें यदि आप वह नहीं हैं जो आप देख रहे हैं।
ट्रूफा

एक और अधिक विशिष्ट के लिए $(function(){ $("#idName").carousel('pause'); });
रोगर


17

आप उपयोग कर रहे हैं बूटस्ट्रैप 3 सेट data-interval="false"हिंडोला के HTML संरचना पर

उदाहरण:

<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
});

जब माउस उस पृष्ठ को छोड़ देता है तो यह लिपि कोई प्रभाव नहीं डालती, ठीक हिंडोला क्षेत्र। आधिकारिक परिभाषा पर जाएं और उन्हें खोजें:

यहां छवि विवरण दर्ज करें

तो आप पाएंगे कि। If हिंडोला पेज ऑनमूवर इवेंट ट्रिगर हो गया, पेज पॉज़ हो जाएगा, जबकि माउस उस पेज से बाहर निकल जाएगा, फिर से शुरू होगा।

इसलिए, यदि आप चाहते हैं कि एक पृष्ठ हमेशा के लिए बंद हो जाए और मैन्युअल रूप से घूमे , तो आप बस सेट कर सकते हैं data-interval='false'


1

स्वचालित स्लाइड को रोकने के लिए डेटा-अंतराल = "गलत" का उपयोग करें - परिपत्र स्लाइड को रोकने के लिए डेटा-रैप = ​​"गलत" का उपयोग करें

...

1

बूटस्ट्रैप 4 के लिए बस हिंडोला div से 'डेटा-राइड = "हिंडोला" निकालें। यह लोड समय पर ऑटो प्ले को हटा देता है।

फिर से ऑटो प्ले को सक्षम करने के लिए आपको अभी भी जावास्क्रिप्ट में "प्ले" कॉल का उपयोग करना होगा।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.