Динамически изменяемое изображение Favicon
У меня возникла необходимость динамически подгружать каждый раз другое изображение Favicon при каждой последующей перегрузке моей лэндинг-страницы.
Подскажите, пожалуйста, как это можно сделать при помощи использования JavaScript? Это нужно мне для того, чтобы при пОстинге этой страницы в соц. сети Google+ на стене пользователя выводилось каждый раз новое изображение с Favicon моей лэндинг-страницы. Это изображение самостоятельно "вытягивается" из URI страницы при помощи средств Google+ API и пОстится на стену пользователя Google+ вместе с публикуемым сообщением. Мне это нужно, чтобы привлечь внимание пользователя в случае повторно пОстинга сообщения на стену пользователя в Google+. Итак, у меня в папке domain_name.com/imgs находятся PNG-файлы (44 штуки), которые я предполагаю рандомным образом вызывать из JavaScript-функции. Имена файлов имеют названия в формате: 1.png, 2.png, .., 44.png. Для того, чтобы сопоставить изображение Favicon с соответствующим файле в статическом html-файле я использую следующий код.
<html>
<head>
<title>My Landing Page</title>
<link rel="shortcut icon" href="1.png">
<style></style>
</head>
<body>
</body>
</html>
Подскажите, пожалуйста, как должен выглядеть html-файл c соответствующим JavaScript-ом, который бы при каждой загрузке страница рандомным образом подставлял бы вместо статической ссылки на файл "1.png" динамическое значение с именем png-файла из папки /imgs? |
Вставьте между 5 и 6 строками это:
<script>
var icon=Math.ceil(Math.random()*44);
document.getElementsByTagName("link")[0].href=icon+".png";
</script>
|
| Часовой пояс GMT +3, время: 14:06. |