Typewriter

  • QUICK TIP:
    Review the Basic Template Setup for information about how to setup a custom production environment.
To get started with the Typewriter Add-On, first add the "revolutions-addons" folder into your production site:
Next, add the Typewriter stylesheet and script. The script should placed below all other scripts on the page.

Next, assign a variable to your slider's main settings script, and then call the Typewriter Add-On as shown in the following example.

Finally, add the "data-typewriter" attribute to your text-based Layer.
  • Text and Line-Breaks Only
    Nested HTML is not supported, but <br> tags can be included with your text.
  • blinkingon off
    Activate's the blinking cursor.
  • blinking_speedThe cursor's blinking speed in milliseconds.
  • cursor_typeone two
    Use "one" for the " _ " character, and "two" for the " | " character.
  • hide_cursoron off
    Stop/hide the blinking cursor when/if typing completes.
  • speedThe typing speed in milliseconds.
  • loopedon off
    Continuously repeat the typing sequence(s).
  • start_delayA delay in milliseconds before the typing officially begins.
  • linebreak_delayA delay in milliseconds each time an included <br> tag is reached.
  • backgroundon off
    Set to "on" if the Layer includes a background color. Otherwise leave at "off".
  • word_delayon off
    Activates the word-delay pattern option.
  • delaysWord delay patterns, written as: "for each x words, delay by x milliseconds".
  • sequencedon off
    Activates the sequenced lines option.
  • deletion_delayA delay in milliseconds before the current line is deleted.
  • deletion_speedThe deletion speed in milliseconds.
  • newline_delayThe delay before each new line is typed.
  • linesAdditional lines of text that will be typed sequentially (set "sequenced" above to off for no sequenced lines).