2012-04-22 5 views
35

क्या माउस होवर व्यवहार पर बूटस्ट्रैप कैरोसेल विराम को रोकना संभव है और इसके बजाय आइटम के माध्यम से स्वचालित रूप से साइकिल चलाना जारी रखें?क्या माउस होवर पर बूटस्ट्रैप कैरोसेल विराम को रोकना संभव है और स्वचालित रूप से साइकिल चलाना जारी है?

प्रलेखन केवल pause: "hover" के डिफ़ॉल्ट व्यवहार का उल्लेख करता है, अगर मैं किसी अन्य चीज़ पर रोक तर्क बदलता हूं तो कैरोसेल पूरी तरह से काम करना बंद कर देता है इसलिए मुझे यकीन नहीं है कि यह डिफ़ॉल्ट व्यवहार कैसे अक्षम करें।

उत्तर

70

मैंने पाया कि "false" के एक मूल्य हिंडोला माउसओवर दौरान साइकिल चालन रखने के लिए कारण होगा:

$('.carousel').carousel({ 
    pause: "false" 
}); 

मैं ट्विटर बूटस्ट्रैप v2.0.2

+3

उपयोगकर्ता' "ठहराव"! – Gustav

+1

बूटस्ट्रैप v3.1.1 के साथ भी काम करता है! बूटस्ट्रैप 3.3.7 में – HischT

+2

, 'रोक' विकल्प में मूल्य 'शून्य' होना चाहिए यदि आप कैरोसेल पर होवर करना चाहते हैं तो इसे रोकना न करें: http://getbootstrap.com/javascript/#carousel-options –

29

उपयोग कर रहा हूँ आप div को यह जोड़ सकते हैं जावास्क्रिप्ट का उपयोग करने के बजाय। कैरोसेल भी।

जोड़ें देरी समय:

data-interval="3000"

जोड़े अगर यह हॉवर पर रुक जाता है या नहीं, विकल्प हैं true और false

data-pause="false"

उदाहरण होगा:

<div id="carousel" class="carousel" data-ride="carousel" data-interval="3000" data-pause="false">

यह मेरे लिए काम किया।

+0

बनाने के लिए बहुत अच्छा समाधान कोड को और तेज तेज पढ़ना। –

6
$('.carousel').carousel({ 
     pause: 'none' 
    }) 
बूटस्ट्रैप v3.3.4 के लिए

+1

स्पष्टीकरण के कुछ शब्द इस उदाहरण को और भी बेहतर बना देंगे। – Thom

+0

मुझे बूटस्ट्रैप v3.3.4 का उपयोग करके मेरी साइट में से किसी एक के लिए इसकी आवश्यकता है और मैंने उपर्युक्त सभी का उपयोग किया। लेकिन, मेरे लिए कोई भी काम नहीं करता, आखिरकार मुझे यह साइट मिली: http://www.dwdmbi.com/2013/07/avoid-pausing-bootstrap-carousel-on।एचटीएमएल उस साइट से मैंने केवल विराम का उपयोग किया: 'none'। यह महान काम करता है, वह! तो मैं इसे साझा करता हूँ! – wpdevramki

+0

बूटस्ट्रैप 3.3.7 के लिए मान 'शून्य' होना चाहिए: http://getbootstrap.com/javascript/#carousel- विकल्प –

2

बूटस्ट्रैप 4 निकालें हॉवर पर रोकें

$('.carousel').carousel({ 
    interval: 2000, 
    cycle: true, 
    pause: "null" 
}) 
0

मैं पाया है वहाँ 2 बातें हैं जिन पर यह साइकिल चलाना और रोक निर्भर करता हैं कि।

  1. जब माउस में प्रवेश करती है (mouseenter - रपट को थामने)
  2. जब माउस पत्ते (mouseleave - रपट को फिर से शुरू)

बस अपने js/bootstrap.js में कोड की निम्न पंक्ति को बदलने निरंतर स्लाइडिंग की अनुमति देने के लिए फ़ाइल। आईई compability के लिए "गलत" `:

.on('mouseenter', $.proxy(this.pause, this))

को

.on('mouseenter', $.proxy(this.**cycle**, this))

संबंधित मुद्दे