S6 with one-click translation


2008.04.20
Yusuke Kawasaki【川﨑有亮】
http://www.kawa.net/

Keyboard operation

This presentation uses the S6 library created by amachang.

One-click translation

  • Japanese
  • Korean
  • Traditional Chinese
  • Simplified Chinese
  • Arabic
  • Russian
  • Greek
  • German
  • Italian
  • Dutch
  • French
  • Spanish
  • Portuguese
  • Example: Welcome!
    Powered by Google AJAX Language API

    Translation tests

    slide

    <div class="s6_slide">
    
    <h3>...</h3>
    <p>...</p>
    
    </div>
    

    fade

    <div class="s6_fade">
    
    <h3>...</h3>
    <p>...</p>
    
    </div>
    

    fadeScale

    <div class="s6_fadeScale">
    
    <h3>...</h3>
    <p>...</p>
    
    </div>
    

    fadeScaleFromUp

    <div class="s6_fadeScaleFromUp">
    
    <h3>...</h3>
    <p>...</p>
    
    </div>
    

    S6 basic

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="content-style-type" content="text/css">
    <meta http-equiv="content-script-type" content="text/javascript">
    <title>...</title>
    <script type="text/javascript" src="s6set/s6.js"></script>
    <script type="text/javascript" src="s6set/s6setup.js"></script>
    </head>
    <body>
    

    additional libraries

    <script type="text/javascript" src="//www.google.com/jsapi"></script>
    <script type="text/javascript" src="s6set/s6.effects.js"></script>
    <script type="text/javascript" src="s6set/s6.translate.js"></script>
    </body>
    </html>
    

    Download:
    http://www.kawa.net/works/js/s6/s6-translate.zip
    See also:
    http://d.hatena.ne.jp/amachang/20071121/1195627344
    http://syuki.skr.jp/s6maker/
    http://kawa.at.webry.info/200804/article_7.html