Как стать автором
Обновить

Комментарии 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, то лучше использовать подмену названия страницы.
В Safari 7, да и в 6 (насколько я помню) тоже их не было. Да и вообще я считаю, что пользователи глупы, поэтому стоит использовать как подмену названия страницы, так и подмену favicon одновременно.
Вот подробная инструкция, как включить favicon goo.gl/p437HB
Только вчера задавался этим вопросом, но руки не дошли. А сегодня — Ваш пост. Спасибо.
Я прямо сегодня озаботился этим вопросом! ) И вот, уже есть готовое решение )
Для комплекта осталось дождаться тех, кто озаботится этим вопросом завтра O:)
Всегда хотел сделать, но как-то руки не доходили. Пожалуй, на днях и сделаю. Спасибо
Спасибо, посмотрю и это тоже.
Последний пример какой-то корявый. Зачем возвращать num из первой функции и зачем объявлять локальную переменную во второй функции, когда наш num глобальный
Статью можно сократить до document.title, document.getElementById('favicon').href, Favico.js. Ни о чем.
НЛО прилетело и опубликовало эту надпись здесь
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Изменить настройки темы

Истории