Quindi è comunque possibile impedire che il carosello bootstrap di Twitter scivoli automaticamente al caricamento della pagina a meno che non si faccia clic sul pulsante successivo o precedente?
Grazie
Impedire lo scorrimento automatico del carosello bootstrap di Twitter al caricamento della pagina
Risposte:
Oppure, se stai usando Bootstrap 3.0, puoi interrompere il ciclo con data-interval = "false", ad esempio
<div id="carousel-example-generic" class="carousel slide" data-interval="false">
Altri utili attributi dei dati del carosello sono qui -> http://getbootstrap.com/javascript/#carousel-usage
4
Questa non è al 100% la risposta alla domanda perché impedisce anche di ciclare anche quando si fa clic su un pulsante. Ma era esattamente quello che stavo cercando. Quindi grazie comunque!
—
Tillito
data-interval="false"funziona anche con Bootstrap 4
In realtà, il problema è ora risolto. Ho aggiunto l'argomento "pause" al metodo "carousel" come di seguito:
$(document).ready(function() {
$('.carousel').carousel('pause');
});
Ad ogni modo, grazie mille @Yohn per i tuoi suggerimenti su questa soluzione.
Questo inizierà a scorrere dopo prev / next, dai un'occhiata a stackoverflow.com/a/18208327/463065 se non è quello che stai cercando.
—
Trufa
per uno più specifico sarebbe
—
roger
$(function(){ $("#idName").carousel('pause'); });
Il problema con il carosello che scorre automaticamente dopo la pressione del pulsante precedente / successivo è stato risolto.
$('.carousel').carousel({
pause: true,
interval: false
});
aggiungi questo al tuo div del corso:
data-interval="false"
La risposta di Michael Kopec di 2 anni fa dice già di farlo.
—
Tutti i lavoratori sono essenziali
Di seguito è riportato l'elenco dei parametri per il carousel bootstrap. Come Intervallo, pausa, avvolgimento:
Per maggiori dettagli fare riferimento a questo link:
http://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp
Spero che questo ti aiuti :)
Nota: questo serve per ulteriore aiuto. Intendo dire come puoi personalizzare o modificare il comportamento predefinito una volta caricato il carosello.
Penso che forse dovresti andare a controllare le istruzioni ufficiali sul carosello, per me, non ho trovato la risposta sopra, a causa di più versioni di bootstrap, sto usando b4-alpha e voglio che l'effetto di riproduzione automatica si interrompa.
$(document).ready({
pause:true,
interval:false
});
questo script non ha alcun effetto mentre il mouse lascia quella pagina, esattamente l'area del carosello. vai alla definizione ufficiale e trova quelle:
Quindi scoprirai perché. Se la pagina del carosello su un evento mouseover si è attivato, la pagina verrà messa in pausa, mentre il mouse fuori da quella pagina, riprenderà di nuovo.
Quindi, se vuoi che una pagina si fermi per sempre e ruoti manualmente , puoi semplicemente impostare data-interval='false'.
--Usa data-interval = "false" per interrompere la diapositiva automatica --Usa data-wrap = "false" per fermare la diapositiva circolare
...