У меня возникла необходимость динамически подгружать каждый раз другое изображение 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?