2013-10-25 4 views
1

Bootstrap 2 Карусель цикл один раз и затем останавливается. Я полагаю, я немного потерял, как это сделать! Ive попробовал цикл и интервал, но я просто не могу найти достаточную документацию о том, как это сделать.Бутстрап 2 Карусельный цикл один раз, а затем останавливается

Редактировать --- Мой код довольно прост!

<div id="myCarousel" class="carousel slide"><!-- Carousel items --> 
<div class="carousel-inner"> 
<div class="active item"><img src="images/carousel/slide-1.png" /></div> 
<div class="item"><img src="images/carousel/slide-2.png" /></div> 
<div class="item"><img src="images/carousel/slide-3.png" /></div> 
</div> 
</div> 
<script> 
$('#myCarousel').carousel({ 
     interval: 2500 
}) 
</script> 
+0

Я думаю, если вы голосуете за мой вопрос, вы должны хотя бы сказать мне, почему. Если бы это было очевидно, я бы не спросил –

+0

. Я предполагаю, что, когда вы задаете вопрос, который вы должны продемонстрировать, что вы сделали для решения проблемы. Показать код или привести пример, демонстрирующий вашу проблему, т.е. 'http://jsfiddle.net/ 'или' bootply.com' – Trevor

+0

«Полагаю, я немного потерял, как это сделать!» Я мог бы опубликовать свою html-разметку, но это было бы глупо, потому что все это знают. Ive ничего не делал с точки зрения функций js, как указано в моем заявлении о том, что вы потеряли его, как его выполнить :) –

ответ

1

Вы можете сделать что-то вроде этого

<script> 
    var imgCount = 3; 
    $('#myCarousel').carousel({ 
     interval: 2500 
    }); 
    $('#myCarousel').bind('slid',function(){ 
     imgCount--; 
     if(imgCount == 0) 
     $('#myCarousel').carousel('pause'); 
    }); 
</script> 
+0

все еще не останавливается, просто проверен интервал: false вместо приостановки см. Http: //ent1.development.webdesign -toledo.com –

+0

Если вы не хотите, чтобы он возвращался к началу, вы всегда можете установить 'imgCount = 2'. – Trevor

+0

Здесь я приведу вам пример. http://www.bootply.com/90198 Он должен работать до тех пор, пока у вас есть jquery и загружены файлы Bootstrap js/css. – Trevor

1

Вот простой способ получить то, что вам действительно нужно. Просто замените первую строку в коде с этим,

<div id="myCarousel" class="carousel slide" data-wrap="false"><!-- Carousel items -->

И тогда он должен цикл только один раз. Надеюсь, это вам поможет.

Cheers !!!

+0

Это действительно сработало! Он останавливается на последнем изображении, есть ли способ остановить его на первом изображении? – atif

Смежные вопросы