Еще один полезный и практичный плагин jQuery, который работает с API поисковой системы Google, позволяет переводить ваш сайт или блог на-лету практически на любой язык мира.
Подключив его к своему сайту, вы сможете еще больше расширить его аудиторию, поскольку теперь любой посетитель сможет прочитать содержимое ваших статей на своем родном языке.
Моментальный перевод сайта на любой язык
Онлайн перевод содержимого страницы вашего сайта при использовании этого скрипта осуществляется моментально и без перезагрузки страницы.
Посетители вашего сайта смогут читать содержимое ваших статей на 56 языках, начиная с африканского, албанского и кончая уэльским и еврейским.
Перевод сайта на jQuery — скрипт для перевода сайта онлайн
jQuery скрипт для перевода сайта: подключение
Прежде всего, поскольку переводчик является плагином jQuery, подключаем к сайту (между тегами HEAD, в самом низу перед закрывающим тегом) эту библиотеку и следом за ней сам скрипт плагина-переводчика сайтов на-лету:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ПАПКА_СО_СКРИПТОМ/jquery.translator-1.0.0.min.js"></script>
Сжатую jQuery библиотеку мы подключаем с Google, а сам скрипт плагина открываем, копируем, сохраняем в текстовом редакторе под соответствующим именем и закачиваем на сайт.
Следующий этап: инициализация онлайн переводчика с нужными нам параметрами, для этого вставляем ниже:
<script type="text/javascript" >
jQuery(document).ready(function ($) {
$(h1,h2,h3,p,li,span).translator();
});
</script>
В этом скрипте перечисляем через запятую, html теги элементов страницы сайта содержимое которых надо переводить.
А общий вид кода страницы с уже подключенным скриптом переводчика сайтов будет примерно такой:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
...
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ПАПКА_СО_СКРИПТОМ/jquery.translator-1.0.0.min.js"></script>
<script type="text/javascript" >
jQuery(document).ready(function ($) {
$(h1,h2,h3,p,li,span).translator();
});
</script>
</head>
<body>...Контент сайта...</body>
</html>
Теперь в правом верхнем углу ваших страниц будет находиться список с доступными для перевода языками, а вы сможете смело спамить делиться своими ссылками на иностранных блогах и сайтах, ведь посетители с них теперь будут понимать содержание ваших статей.
Читайте также:
- Кроссбраузерный text-shadow эффект с помощью CSS
- Самостоятельное создание логотипа для сайта онлайн
- Скрипт всплывающего сбоку окна с рекламой или сообщением
- Секреты дивовой верстки без хаков
- Сочетаемые и несочетаемые цвета в одежде, интерьере и дизайне сайтов
- Оптимизация изображений (картинок и фотографий) сайта
- Возможности и недостатки разметки HTML5 для создания web сайтов
- Дизайн который надеюсь понравится Google и Яндексу
- Выделение текста в Skype и теги HTML в чате Скайпа
- Ссылки из футера опасны для разработчиков шаблонов WordPress