Comments 17
Заметка: Chrome не поддерживает favicon с анимацией.
замечено
замечено
Можно сделать раскадровку анимации из фавыконов. И тем же
Теперь, когда вызываем
Я вот только не уверен, что это работает. Простите :–) Может кто-нибудь знает, браузеры позволяют с такой частотой менять фавыконы? Я бы мог проверить, конечно, но это не статья а комментарий. Могу позволить себе слабину :–)
setInterval
менять фавыконы с приемлемой частотой. Получится анимация. Что-то вроде:var
favicons_count = 20, // Количество фавыконов в раскадровке.
frequency = 1000/60, // Как крутые, 60 кадров в секунду.
static_favicon = '/path/to/static/favicon.ico',
favicon_animtion;
function start_favicon_animation() {
var
current_favicon_number = 0;
favicon_animtion = setInterval(function() {
document.getElementById('favicon').href = '/path/to/favicons/favicon_' + current_favicon_number + '.ico';
current_favicon_number = (current_favicon_number + 1) % favicons_count;
}, frequency);
}
function stop_favicon_animation() {
clearInterval(favicon_animtion);
document.getElementById('favicon').href = static_favicon;
}
Теперь, когда вызываем
start_favicon_animation()
у нас анимированный фавыкон из нарезанных кадров этой анимации. Вызываем stop_favicon_animation()
и у нас снова статический фавыкон.Я вот только не уверен, что это работает. Простите :–) Может кто-нибудь знает, браузеры позволяют с такой частотой менять фавыконы? Я бы мог проверить, конечно, но это не статья а комментарий. Могу позволить себе слабину :–)
Вот еще одна заметка: Safari 8 не показывает фавиконки.
Сам так и не смог смериться с тем, что их нет. Но есть рабочее решение: плагин SafariStand.
Только вот основная масса пользователей не будет ставить плагины, поэтому если среди аудитории проекта есть существенная доля сидящих на Safari 8, то лучше использовать подмену названия страницы.
Вот подробная инструкция, как включить favicon goo.gl/p437HB
Только вчера задавался этим вопросом, но руки не дошли. А сегодня — Ваш пост. Спасибо.
Я прямо сегодня озаботился этим вопросом! ) И вот, уже есть готовое решение )
Для комплекта осталось дождаться тех, кто озаботится этим вопросом завтра O:)
Всегда хотел сделать, но как-то руки не доходили. Пожалуй, на днях и сделаю. Спасибо
Уже есть готовое решение habrahabr.ru/post/139806/
Последний пример какой-то корявый. Зачем возвращать num из первой функции и зачем объявлять локальную переменную во второй функции, когда наш num глобальный
Кстати, Матье «p01» Анри ещё в лохматом 2008 сделал не просто динамическую фавыконку, а целую игру www.p01.org/releases/DEFENDER_of_the_favicon/
Статью можно сократить до document.title, document.getElementById('favicon').href, Favico.js. Ни о чем.
Sign up to leave a comment.
Как отобразить количество оповещений в названии вкладки браузера