Укажите конкретный язык для перевода сайта на изображение клик
У меня есть два изображения на моем сайте, скажем, на английском и корейском. Я хочу, чтобы моя веб-страница была переведена на корейский, когда пользователь нажимает на корейский флаг, и обратно на английский, когда пользователь нажимает на Англию.
Я хотел бы, вероятно, использовать функцию javascript для события onclick каждого изображения, которое затем вызывало бы либо Google Translate API, либо Microsoft Translate API и возвращало переведенную страницу.
Я не знаю, возможно ли это, но если это так, я был бы очень признателен. Хотя добавление плагина напрямую не доступно для меня в данный момент.
Спасибо...
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>