2012-06-23 4 views
2

У меня возникла проблема с загрузкой щебетать Bootstrap Carousel, чтобы начать цикл автоматически с требуемой установленной частотой синхронизации при загрузке страницы.Twitter Bootstrap Carousel Loop на загрузке страницы

Кто-нибудь поможет указать, что я делаю неправильно, пожалуйста, http://phraseological.co.uk/?

ответ

6

Вы можете изменить скорость карусели, добавив следующий код:

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('.carousel').carousel({ 
     interval: 2000 
    }) 
    }); 
</script> 

http://twitter.github.com/bootstrap/javascript.html#carousel

Удалить строку 289:

<script src="./Phraseological SEO, SEO IS WHERE SEO IS HERE_files/jquery.js"></script> 

Удалить строки 325:

<script src="./Phraseological SEO, SEO IS WHERE SEO IS HERE_files/jquery.min(1).js"></script> 

Удалить строки 326:

<script>window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script> 

Удалить линию 328:

<script src="./Phraseological SEO, SEO IS WHERE SEO IS HERE_files/bootstrap.min.js"></script> 

И это работает (проверено)

+0

Спасибо за помощь, но жаль, что я знаю, что часть (она у меня установлена ​​в 6000), я думаю, я сформулировать вопрос плохо/неправильно, как и то, что я пытаюсь достичь на слайде/карусельного, чтобы начать автоматически. В настоящее время он только начинает зацикливаться/скользить, как только человек нажимает на одну из стрелок навигации, и я хочу, чтобы он начал скользить без какого-либо ручного действия, которое должно было произойти первым EG, чтобы он автоматически зацикливался после загрузки страницы. Есть идеи? –

+0

Идеально, что у него есть baptme спасибо :) –

2

Когда я открываю страницу с Developer Tools в Chrome, я получаю ресурс ошибка (404) для bootstrap.min.js. Убедитесь, что вы правильно используете js-файл bootstrap. Остальные плагины для начальной загрузки, похоже, загружены в порядке.

Это может быть связано с тем, когда вы включаете определенные вещи. Убедитесь, что вы используете фрагмент кода, упомянутый в другом вопросе, чтобы начать карусель автоматически, но только после того, как страница/DOM была полностью инициализирована и, таким образом, элемент div.carousel существует.

+0

хорошая точка, но весь плагин загружен. bootstrap.min.js не более, чем полный плагин списка, поставленный вместе и минимизированный. – baptme

+0

Вот что я подумал, но я не был уверен. Я только взаимодействовал с бутстрапом через жерл рельсов, который помещает его в конвейер активов ха-ха. Я бы рекомендовал взглянуть на сценарий, описанный ниже. Согласно документам (http://twitter.github.com/bootstrap/javascript.html#carousel) все, что вам нужно сделать, это вызвать .carousel() в объекте jQuery, ссылаясь на ваш элемент карусели на готовый документ, и он должен автопрокрутить. Я использую карусель на сайте, который я пишу, и это все, что я должен был сделать, чтобы заставить его автосканировать на загрузке страницы. –

+0

Я нашел, откуда возникла проблема (обновленный ответ) +1, помогая мне найти проблему. – baptme

0

Чтобы запустить цикл автоматически, вам просто нужно добавить интервал: true в ваш скрипт.

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('.carousel').carousel({ 
     interval: true 
    }) 
    }); 
</script> 
Смежные вопросы