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>

指定特定语言以在图像点击上翻译网站

1 个答案: