Então, há alguma maneira de evitar que o carrossel de bootstrap do Twitter deslize automaticamente no carregamento da página, a menos que o botão seguinte ou anterior seja clicado?
obrigado
Evitando que o carrossel de bootstrap do Twitter deslize automaticamente no carregamento da página
Respostas:
Ou se você estiver usando o Bootstrap 3.0, você pode parar o ciclo com data-interval = "false" por exemplo
<div id="carousel-example-generic" class="carousel slide" data-interval="false">
Outros atributos de dados de carrossel úteis estão aqui -> http://getbootstrap.com/javascript/#carousel-usage
4
Esta não é 100% a resposta para a pergunta porque também impede que ela percorra o ciclo, mesmo quando um botão é clicado. Mas era exatamente o que eu procurava. Então, obrigado mesmo assim!
—
Tillito
data-interval="false"também funciona com Bootstrap 4
Na verdade, o problema agora está resolvido. Eu adicionei o argumento 'pause' ao método 'carrossel' como abaixo:
$(document).ready(function() {
$('.carousel').carousel('pause');
});De qualquer forma, muito obrigado @Yohn por suas dicas para essa solução.
Isso começará a deslizar depois de anterior / seguinte, dê uma olhada em stackoverflow.com/a/18208327/463065 se não for o que você está procurando.
—
Trufa
para um mais específico seria
—
entendido,
$(function(){ $("#idName").carousel('pause'); });
O problema com o carrossel deslizando automaticamente após pressionar o botão anterior / seguinte foi resolvido.
$('.carousel').carousel({
pause: true,
interval: false
});adicione isso ao seu div de curso:
data-interval="false"
A resposta de Michael Kopec de 2 anos atrás já diz para fazer isso.
—
Todos os trabalhadores são essenciais
Abaixo está a lista de parâmetros para carrossel de bootstrap. Como intervalo, pausa, quebra:
Para mais detalhes consulte este link:
http://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp
Espero que isso ajude você :)
Nota: isto é para mais ajuda. Quero dizer como você pode personalizar ou alterar o comportamento padrão, uma vez que o carrossel é carregado.
Acho que talvez você deva verificar as instruções oficiais sobre carrossel, para mim, não encontrei a resposta acima, por causa de várias versões do bootstrap, estou usando b4-alpha e quero que o efeito de reprodução automática pare.
$(document).ready({
pause:true,
interval:false
});este script não faz nenhum efeito enquanto o mouse sai da página, exatamente na área do carrossel. vá para a definição oficial e encontre-os:
Portanto, você encontrará por que. Se o evento da página do carrossel no mouseover for disparado, a página será pausada, enquanto o mouse fora dessa página, ela será retomada novamente.
Portanto, se você quiser que a página pare para sempre e gire manualmente , basta definir data-interval='false'.
--Use data-interval = "false" para parar o slide automático --Use data-wrap = "false" para parar o slide circular
...