2017-03-15 7 views
0

私のウェブサイトには2つのイメージがあり、英語と韓国語があります。ユーザーが韓国の国旗をクリックしたときに私のウェブページが韓国語に翻訳され、ユーザーがイギリスをクリックしたときに英語に戻るようにしたい。イメージのウェブサイトを翻訳する特定の言語を指定してください。

私はおそらく、各画像のonclickイベントに使用されるjavascript関数を使用して、Google Translate APIまたはMicrosoft Translate APIのいずれかを呼び出し、翻訳されたページを返すことを望みます。

これが可能かどうかわかりませんが、もしそうなら、私は本当にこれを感謝します。しかし、プラグインを直接追加することは、現時点で私にとって利用可能なオプションではありません。

おかげで...ハード掘り後

+0

これまで行っていることはありますか? – mehulmpt

+0

私はページにbing変換ウィジェットを入れましたが、これは本当に好きなものではありません... – Josh

答えて

0

...私はビングと解決策を作ってみたが、翻訳する...

あなたはアラートをコメントすることができます...そして、また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> 
+0

私は似たような解決策が好きですが、Google翻訳APIを使ってみましょう。 – Josh

関連する問題