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

Question

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

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

我不知道这是否可行，但如果可行，我将不胜感激。不过，直接添加插件目前对我来说不是一个可用的选项。

谢谢...

Answer 1

经过努力挖掘...我想出了一个解决方案 Bing 翻译...

您可以评论警告...还有这里的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>

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

Specify specific language to translate website on image click

javascript

google-translate

bing-translator-api