Заголовки Jssor Slider начинаются все вместе

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

  1. Надпись 1 через 100 миллисекунд
  2. Надпись 2 через 500 миллисекунд
  3. Надпись 3 через 800 миллисекунд

Я знаю, что все анимации можно сгладить, используя $PlayInMode: 1 в конфиге, но это не помогает мне. Я искал такой вариант, как революция слайдера в этом примере. Обратите внимание, что все элементы анимации не идут один за другим. Есть перекрытия. Это как анимация в несколько слоев на временной шкале во flash.

Кто-нибудь знает, можно ли этого добиться с помощью jssor?


jssor
person Mahbub    schedule 21.08.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете использовать атрибут b, чтобы указать время начала анимации титров.

<div u="caption" t="transition-1" b="100" ...>...</div>
<div u="caption" t="transition-2" b="500" ...>...</div>
<div u="caption" t="transition-3" b="800" ...>...</div>


b:  a numeric value (in milliseconds) indicates an explicit begin time to start
    animation. By default, captions play in one by one. But if a caption specified
    with 'b' explicitly, it breaks the streamline.

Ссылка: http://www.jssor.com/development/slider-with-caption-jquery.html

Кроме того, если вы хотите воспроизвести титры один за другим, но иногда с перекрытием, вы можете использовать атрибут d.

<div u="caption" t="transition-1" ...>...</div>
<div u="caption" t="transition-2" d="-300" ...>...</div>
<div u="caption" t="transition-3" ...>...</div>

Приведенный выше код включает начало второй подписи за 300 миллисекунд до окончания первой подписи.

person jssor    schedule 21.08.2014
comment
Спасибо за ответ. Итак, $PlayInMode: 3 и использование b={{millioseond}} делают свое дело. - person Mahbub; 21.08.2014