javascript - 指定特定语言以在图片点击时翻译网站

Question

我的网站上有两张图片，比如说英语和韩语。我希望当用户单击韩国国旗时将我的网页翻译成韩文，并在用户单击英格兰时将其翻译回英文。

我可能希望在每个图像的 onclick 事件上使用 javascript 函数，然后调用 Google Translate API 或 Microsoft Translate API 并返回翻译后的页面。

我不知道这是否可能，但如果是的话，我将非常感激。不过，目前我无法直接添加插件。

谢谢...

Answer 1

在努力挖掘之后......我想出了一个 Bing Translate 的解决方案......

您可以评论警报...这里的 60000 表示如果翻译未在 60 秒内完成将显示错误...

<!-- The image showing korean -->
<img id="Koebtn" src="images/SP2.jpg">


<!-- The Code to translate -->
<script src="http://www.microsoftTranslator.com/ajax/v3/WidgetV3.ashx?siteData=ueOIGRSKkd965FeEGM5JtQ**" type="text/javascript"></script>
    <script type="text/javascript">
   $(document).ready(function() {
      $("#Koebtn").click(function(){

         if (document.readyState == 'complete') {
                Microsoft.Translator.Widget.Translate('en', 'es', onProgress, onError, onComplete, onRestoreOriginal, 60000);
            }

            //You can use Microsoft.Translator.Widget.GetLanguagesForTranslate to map the language code with the language name
        function onProgress(value) {
            document.getElementById('counter').innerHTML = Math.round(value);
        }

        function onError(error) {
            alert("Translation Error: " + error);
        }

        function onComplete() {
            document.getElementById('counter').style.color = 'green';
        }
        //fires when the user clicks on the exit box of the floating widget
        function onRestoreOriginal() { 
            alert("The page was reverted to the original language. This message is not part of the widget.");
        }

      });
   });
</script>