2012-04-22 1 views
35

È possibile impedire la pausa del carosello Bootstrap sul comportamento del passaggio del mouse del mouse e continuare invece a scorrere automaticamente tra gli elementi?È possibile impedire la pausa del carosello Bootstrap al passaggio del mouse e continuare a pedalare automaticamente?

La documentazione menziona solo il comportamento predefinito di pause: "hover", se cambio l'argomento pausa per qualsiasi altra cosa poi la giostra smette di funzionare del tutto, quindi non sono sicuro di come disattivare questo comportamento predefinito.

risposta

70

ho trovato che un valore di "false" farà sì che la giostra per mantenere il ciclismo nel corso di un passaggio del mouse:

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

sto usando Twitter Bootstrap v2.0.2

+3

utente ' "pausa": "false"' per IE compability! – Gustav

+1

funziona anche con Bootstrap v3.1.1! – HischT

+2

in Bootstrap 3.3.7, l'opzione 'pause' dovrebbe avere il valore' null' se vuoi passare il mouse sopra il carousel per non metterlo in pausa: http://getbootstrap.com/javascript/#carousel-options –

29

È possibile aggiungere questo al div .carousel troppo invece di usare javascript.

Add tempo di ritardo:

data-interval="3000"

Aggiungere se essa si arresta al passaggio del mouse o no, le opzioni sono true e false

data-pause="false"

esempio potrebbe essere:

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

Questo ha funzionato per me.

+0

ottima soluzione per fare leggendo i codici più nitidi. –

6
$('.carousel').carousel({ 
     pause: 'none' 
    }) 

per Bootstrap v3.3.4

+1

Alcune parole di spiegazione renderebbero questo esempio ancora migliore. – Thom

+0

Ho bisogno di questo per uno dei miei siti usando Bootstrap v3.3.4 e ho usato tutto quanto sopra. ma, nessuno ha funzionato per me, alla fine ho trovato questo sito: http://www.dwdmbi.com/2013/07/avoid-pausing-bootstrap-carousel-on.html da quel sito ho usato solo la pausa: "nessuno". Funziona alla grande, che! Quindi lo condivido! – wpdevramki

+0

Per Bootstrap 3.3.7 il valore dovrebbe essere 'null': http://getbootstrap.com/javascript/#carousel-options –

2

Bootstrap 4 Rimuovere pausa al passaggio del mouse

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

ho trovato che ci sono 2 cose su cui questa bicicletta e pausa dipende.

  1. sotto il mouse (mouseenter - mettere in pausa scorrevole)
  2. Quando le foglie del mouse (mouseLeave - riprendere scorrevole)

Basta cambiare seguente riga di codice nel vostro JS/bootstrap.js file per consentire lo scorrimento continuo.

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

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