Карусель ремешка ботинка, авто цикл тогда останавливается

Я использую ремешок ботинка Твиттера и особенность карусели. Повышение показывают ниже.

Я пытаюсь достигнуть чего-то где на грузе страницы, 1. карусель начинается на первом понижении и держится там (позволяет, говорят 500 мс). 2. Тогда это перемещается, чтобы скользить 2 и останавливается навсегда.

Есть только 2 слайда, и пользователь мог перемещаться между ними со стрелами, но это не должно вызывать постоянную езду на велосипеде слайдов. (это не слишком важно если трудный).

I've tried changing the carousel controls as per but I can't quite figure it out: http://twitter.github.com/bootstrap/javascript.html#carousel

От:

<script type="text/javascript">
$('.carousel').carousel({
        interval: 3000
})
</script>

к:

<script type="text/javascript">
                  $('.carousel').carousel({
                  interval: false
                  }).carousel(1).delay('500');
</script>

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

Я включал свое повышение карусели. Надежда это помогает. У кого-либо с большим мозгом, чем мой небольшой горох есть какие-либо идеи или указатели?

<div id="myCarousel" class="carousel slide">
                  <div class="carousel-inner">
                  <div class="item active">
                        
                        
                        

Heading 1

Strapline 1

</div> <div class="item">

Heading 2

Strapline 2

</div> </div>
</div><!-- /.carousel -->
1
nl ja de
@matt выбор интервала ясно предназначен для езды на велосипеде. Вы думали о простом setTimeout ?
добавлено автор Sherbrow, источник
Извините, I' m не совсем ясный на вашем желаемом поведении. Вы говорите, что хотите, чтобы карусель остановилась на втором изображении или что это в настоящее время происходит, и вы хотите зафиксировать его?
добавлено автор cms_mgr, источник
I' d как он, чтобы показать первое изображение для говорят 500 мс, затем двигаются во второе изображение и остановку. Это разъясняется? I' ll редактируют Вопрос также
добавлено автор matt, источник
это отчасти, что я хотел. Интервал набора к "ложному", таким образом, это не ездит на велосипеде, затем перемещенный, чтобы двигать ID=1 с 500 задержками мс. Как я использовал бы setTimeout? Жаль - действительно действительно ограничил знание jQuery
добавлено автор matt, источник

3 ответы

Вы могли попробовать это, не 100%, уверенных, что это будет работать, но стоящий движения.

Это событие должно стрелять после того, как первое понижение 'скользило' и должно тогда 'сделать паузу' карусель.

$('#myCarousel').bind('slid', function() {
    $(this).carousel('pause');
});​

Починенный от информации здесь:

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

1
добавлено

Ремешок ботинка Твиттера v3.0.3

// initialize carousel
$('.carousel.slide').carousel();

// stop sliding the carousel after clicking next/prev button
$(document).on('slide.bs.carousel', '.carousel.slide', function() {
    $(this).carousel('pause');
});

jsfiddle

0
добавлено

Я Получил решение этого: P открывают boostrap.js goto, номер строки 275 похож

this.options.pause == 'hover' && this.$element
  .on('mouseenter', $.proxy(this.pause, this))
  .on('mouseleave', $.proxy(this.cycle, this))

теперь установите его в истинный, и пирушка будет сделана паузу

this.options.pause ==true
0
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

CSS — русскоговорящее сообщество
CSS — русскоговорящее сообщество
1 502 участник(ов)

Сообщество любителей CSS Возникли проблемы с CSS? – пиши сюда, обсудим и предложим самое лучшее решение Работа: @css_ru_jobs Правила: https://teletype.in/@css_ru/r1EWtQ2w7 Приходите в наши чаты @javascript_ru и @frontend_ru Флуд: @css_flood

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing

css_jobs
css_jobs
26 участник(ов)

Чат для вопросов по css и html: @css_ru Флуд: @css_flood Канал с вакансиями и резюме: @css_jobs_feed

css_флуд
css_флуд
10 участник(ов)