Twitter Bootstrap Atlıkarınca - Dönme

Question

Bir Twitter Bootstrap Carousel'i otomatik döngü olmadan başlatmak için bir yol var mı? interval: false'un ayarlanması başlangıçta devir yapmaz, ancak bir sonraki veya önceki tıklattığınızda, tekrar çevrime başlar. Hiç döngü yapmasını istemiyorum.

$(function() { 
    $('#carousel').carousel({interval: false}); 
}); 

atlıkarınca bir resim görüntülemek için:

image_tag('image.png', :'data-target' => '#carousel', :'data-slide-to' => 1) 

Answer 1

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

İşte Düzenleme

bunu başlatmak için kullanıyorum jquery kodudur veya eğer hala yapmıyorsa, şunu deneyin:

$('#carousel').carousel({interval: false}); $(document).on('mouseleave', '#carousel', function() { $(this).carousel('pause'); }); 

mouseLeave olay üzerine duraklama sıfırlamak için.

Answer 2

data-interval="false" eklediğinizde Bootstrap'in atlayıcısının sayfa yüklemesinde bisiklete binmesini .carousel div işaretine ekleyebilirsiniz. (Yukarıdaki cevapların ya da çalışmak için almak mümkün değildi.)

Answer 3

sana "veri-wrap" Aradığınız düşünüyorum Sen atlıkarınca olayları durdurmak ve sürgülü kontrol edebilirsiniz

<div id="crsl1" class="carousel slide" data-ride="carousel" data-wrap="false"> 
    ... 
</div> 

Answer 4

parametre elle

$(function() { 
    $('#carousel').carousel({interval: false}); 

    $(document).off('.bs.carousel.data-api'); 

    $('#carousel a').on('click', function (ev) { 
     if ($(ev.currentTarget).hasClass('right')) { 
      $('#carousel').carousel('next'); 
     } 

     if ($(ev.currentTarget).hasClass('left')) { 
      $('#carousel').carousel('prev'); 
     } 
    }) 
}); 

Answer 5

bu deneyin:

data-ride="carousel" remove from carousel and $('#carousel-example-generic').carousel({interval: false})