2013-11-23 3 views
3

Я тестирую различные конфигурации, пытаясь создать желаемый опыт. Я использую непрерывную конфигурацию прокрутки и приостанавливаю ее при загрузке страницы. Затем у меня есть предыдущие и следующие кнопки. У меня есть кнопки, работающие на зависании. Поэтому наведите курсор на свитки в этом направлении и наведите указатель мыши на паузу.Как мне получить carouFredSel, чтобы играть снова после паузы сразу (пользовательские события)?

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

Вот отрывок из кода, где он работает, но не сразу:

.find('.prev').hover(function() { 
    $(this).parent().find('ul') 
     .trigger('configuration', ['direction', 'right']) 
     .trigger('play'); 
}, function() { 
    $(this).parent().find('ul').trigger('pause'); 
}) 

А вот код для немедленной паузы:

.find('.prev').hover(function() { 
    $(this).parent().find('ul') 
     .trigger('configuration', ['direction', 'right']) 
     .trigger('play'); 
}, function() { 
    $(this).parent().find('ul').trigger('pause', true); //immediate pause 
}) 

Я пробовал много различных параметров комбинации для воспроизведения и паузы, но ничего не дает желаемого результата - немедленно приостановите/возобновите. Он играет в первый раз, но потом больше никогда.

Вот jsFiddle с полным кодом.

Что мне не хватает?

+0

Хотелось бы также знать, что я бью по голове часами с той же проблемой, с которой вы сталкиваетесь сейчас, и я не мог понять это. Плагин просто любит закончить анимацию, прежде чем перейти к следующему. – drip

ответ

3

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

.trigger('resume') 

Обратите внимание, что после его возобновления он завершит свой переход. Это имеет, чтобы закончить переход в какой-то момент. В зависимости от других настроек это может быть или не быть заметным.

Чтобы завершить переход немедленно, активируйте событие финиша.

.trigger('finish') 

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

Отметьте это jsFiddle для двух вариантов непрерывной прокрутки. Один раз останавливается, а затем возобновляется при наведении. Другой заканчивается немедленно, а затем ускоряется при наведении.