Translator Revolution Lite

  • 1) Translate Albert.

    • Select available languages using the following setting: languages
      Specific areas of the web page can be translated using the following setting: targetSelector
      Show and hide the restore link using the following setting: restore
      Specific the flags images location folder using the following setting: flagsFolder
  • 2) Translate Albert. Then reload the page for automatic translation.

    • Automatic translations are possible using the following setting: cookie
      Show and hide languages names using the following setting: names
  • 3) Translate Albert.

    • Show and hide languages flags using the following setting: flags
      Specify a custom separator between the languages using the following setting: separator
  • 4) Translate Albert.

    • Display languages short names (codes) using the following setting: shortNames
      Change the side of the loading animated image using the following setting: loadingClass
      Change the side of the completed image using the following setting: completedClass
  • 5) Translate Albert. Custom translator.

    • An existent HTML code can be recognized by the plugin:
      <div class="my-translator">
          <a href="javascript:;" title="Spanish" class="translator-language-es">
              <img src="translator-lite/images/Spanish.gif" alt="Spanish" />Spanish
          </a>
          <a href="javascript:;" title="English" class="translator-language-en">
              <img src="translator-lite/images/English.gif" alt="English" />English
          </a>
          …
          <span class="hidden restore-container">
              <a href="javascript:;" title="Restore" class="restore">Restore</a>
          </span>
      </div>
  • How hard is to get this working?

    • Actually, It's pretty easy. All these translators are generated with only a couple lines of code, for instance:
    • $(".translator").translator({
          flagsFolder: "translator-lite/images/",
          targetSelector: "body",
          excludeSelector: ".do_not_translate_me",
          shortNames: true,
          cookie: false
      });
  • Documentation

  • Check out more examples

    • The package comes with a set of sample pages with translator customizations. You can check them out here.