답변 2개 / 댓글 2개
단순하게 텍스트를 영어로 번역만을 할 경우 아래처럼 할수도 있을거 같습니다~~
<div id="google_translate_element" style="visibility: hidden; position: absolute; top: 0px;"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'ko',
includedLanguages: 'en,ja,ko,zh-CN',
layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
autoDisplay: false,
multilanguagePage: true
}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script type="text/javascript">
$(window).load(function () {
$('.translation-icons').css('visibility', 'visible');
$('.translation-icons a').click(function(e) {
e.preventDefault();
var placement = $(this).data('placement');
var lang_num = $('.translation-icons a').length;
var $frame = $('.goog-te-menu-frame:first');
if (!$frame.size()) {
alert("Error: Could not find Google translate frame.");
return false;
}
$("#goog-gt-tt").css("display","none");
var langs = $('.goog-te-menu-frame:first').contents().find('a span.text');
if(langs.length != lang_num) placement = placement+1;
langs.eq(placement).click();
return false;
});
});
</script>
<div class="translation-icons">
<a class="dropdown-item trans-50 ko" data-placement="0"><img src="https://aaaa.co.kr/img/icon-lang/KR.png" alt='한국'/> <span class="sound_only">한국어</span></a>
<a class="dropdown-item trans-50 us" data-placement="1"><img src="https://aaaa.co.kr/img/icon-lang/US.png" alt='미국'/> <span class="sound_only">영어</span></a>
<a class="dropdown-item trans-50 jp" data-placement="2"><img src="https://aaaa.co.kr/img/icon-lang/JP.png" alt='일본'/> <span class="sound_only">일본어</span></a>
<a class="dropdown-item trans-50 cn" data-placement="3"><img src="https://aaaa.co.kr/img/icon-lang/CN.png" alt='중국'/> <span class="sound_only">중국어</span></a>
</div>
</div>
답변을 작성하려면 로그인이 필요합니다.