bootstrap carousel

[htmligor]

Всем привет, есть слайдер от бутстрапа называется carousel. Инициализируется он так

$('document').ready(function(){

$('.carousel').carousel({

interval: 6000,

pause: 'none'

});

})

Только при загрузке страницы появляется интервал в 6 секунд , это понятно потому что он стоит в параметрах. Как сделать чтобы при загрузке страницы  сразу же появлялся 1 слайд и потом между слайдами интервалы в 6 секунд. Спасибо.

 

 

[wwt]

Так первый слайд у вас уже должен быть отображен. Вы в разметке должны указать какой слайд должен быть активен сразу

 Вот разметка из примера bootstrap :

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">  <!-- Indicators -->  <ol class="carousel-indicators">    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>    <li data-target="#carousel-example-generic" data-slide-to="1"></li>    <li data-target="#carousel-example-generic" data-slide-to="2"></li>  </ol>  <!-- Wrapper for slides -->  <div class="carousel-inner" role="listbox">    <div class="item active">      <img src="..." alt="...">      <div class="carousel-caption">        ...      </div>    </div>    <div class="item">      <img src="..." alt="...">      <div class="carousel-caption">        ...      </div>    </div>    ...  </div>  <!-- Controls -->  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>    <span class="sr-only">Previous</span>  </a>  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>    <span class="sr-only">Next</span>  </a></div>

Обратите внимание на класс active на двух элементах (на индикаторе и на слайде)

[htmligor]

Спасибо большое помогло