Динамический Favicon

[@rimmer333]

Классно. Пожалуйста, перепубликуйте в каком-нибудь тематическом блоге:
http://habrahabr.ru/blog/webdev/
http://habrahabr.ru/blog/javascript/prof…
http://habrahabr.ru/blog/la_france/profi…

[@NickMitin]

Перенес в Web-разработку.

[@rimmer333]

Пряник вам

[@NickMitin]

Благодарствую.

[@sylvio]

а не проще-ли дать скрипту расширение .ico, а апачу указать, что это скрипт php?

[@NickMitin]

Я хотел показать концепцию, реализация не столь существенна.

[@sylvio]

глупость сказал, каюсь :)

[@NickMitin]

UPD: у нас lighttpd ;) Просто для протокола.

[@q_styler]

Причём тут расширение? Расширение — это вообще последнее дело =).
Можно назвать его хоть .xyu, а в header написать "Content-Type: image/gif"
ну или png.
Это компьютер файлики по расширению отличает, а браузеры по контент-тайпу.

Ну хотя исполнительным скриптом сделать его действительно надо будет.

[@lahmatiy]

> Это компьютер операционная система файлики по расширению отличает, а браузеры по контент-тайпу.
Ну и Content-type используется для первичной проверки. Перед обработкой файла все нормальные программы (те же браузеры) смотрят его заголовки. Большинство нормальных программ откроют ваш, к примеру, gif файл, хоть какое расширение ему дай и отдай с любым Content-type.

[@Gunger]

Протестируйте в Сафари ;-)

[@NickMitin]

Не имею мака под рукой... А виндовая где-то в JS лажает, без дебаггера поймать не получается. :( Сегодня вечером дорвусь до яблока, попробую разобраться.

[@Gunger]

Расскажу по секрету. Вылетает alert "!!!" и все :-)

[@NickMitin]

Упс. не стер последнюю попытку разобраться дедалертовским методом :) Пофиксил.

[@Gunger]

;-) Остается добраться до мака и поправить работу в сафари.

[@Drakmor]

У сафари есть проблема, она не хочет перегружать иконку, даже после смены. Постоянно выводит ту, что в кэше. Попробуй выставить при генерации картинки всяческие No-Cache и т.п.

[@BekoBou]

Вообще ничего не происходит. Нуль реакции. :(

Mozilla/5.0 (Windows; U; Windows NT 5.1; ru-RU) AppleWebKit/523.15 (KHTML, like Gecko) Version/3.0 Safari/523.15

[@BekoBou]

А во всех браузерах работает? Если да, то автору практически памятник при жизни можно ставить.

Данный метод может выстуапть как дополнительный "информер" для пользователя и стать практически стандартным методом в конструировании пользовательских интерфейсов.

[@NickMitin]

IE пока под вопросом. Вечером поэкспериментирую.

[@Gunger]

+ Safari не полюбил такого рода извращения :-)

[@Kela]

Вообще-то, странно, скрипт http://beta.fobo.ru/temp/favicon.php?ran… выдает хедер

Content-Type: image/png

а вы в скрипте указываете image/x-icon

Да и в самой странице не указан тип иконки:

<link id="favicon" rel="shortcut icon" href="http://beta.fobo.ru/temp/favicon.php?rand=1" />

добавьте правильный type

<link rel="icon" href="http://beta.fobo.ru/temp/favicon.php?rand=1" type="image/png" />

[@Kela]

... или все к image/x-icon сведите, включая выдаваемый тип скриптом и сам формат файла

[@NickMitin]

выбрал image/png, стало правильнее, но по сути ничего не изменило...

[@Hitryi_Pryanik]

иконка должа быть в ico

[@NickMitin]

Аргументируйте пожалуйста. Дело в том, что с PNG средствами PHP работать проще. Есть серьезные аргументы в пользу ICO?

[@lahmatiy]

Ну если хотите побороть IE, то лучше все таки ico... сами знаете как у него с PNG. Не знаю как в IE7, но до оного IE не понимал ничего кроме ico (могу ошибаться, но вроде было так).

[@Creadome]

Личное мое мнение - не более, чем забавная функция.
Вот представьте, у вас в табах открыто страниц 15 различных ресурсов, но тем не менее вам знакомых. Я в большинстве случаев как раз ориентируюсь по иконке, так как помню их. Сам поменяю или сменит скрипт автоматом - все равно будет путаница. На мой взгляд даже анимация иконок излишняя, не то что их смена.

[@Eunix]

Для различных сервисов — вроде Meebo или GMail — удобно, так как сразу видно, что пришло сообщение.
Видел в интернете подобную реализацию, но пишут, что в Opera и Safari плохо работает.

[@pixilang]

в 6 ослике ничего не происходит в фф то же :(

[@mr_idiot]

Вконакте когда аудио проигрываешь иконка меняется. Можно посмотреть как там сделано.

[@iSlayter]

угу, там js ошибка.

[@sgnppv]

Хм и вправду :)

[@smartov]

В favicon можно использовать gif. И будет работать точно так-же (То бишь в FF и Opera, и не работать в IE, Safari)

[@Midgard]

Небольшой полуоффтоп.
Если сделать favicon типа <link rel="icon" type="image/gif" href="data:image/gif;base64,R0l...куча_символов...gCADs=" />
То иконка будет показываться в браузере (я конкретно про FF) даже тогда, когда картинки будут отключены. Использовал на своем сайте: http://www.visitkozlovka.ru

[@EugeneDest]

Для Лиса и Оперы есть еще примерчики: http://www.ajaxify.com/run/favicon/

[@AIPNZ]

Спасибо, интересное решение...
Только для чего оно пригодится?

[@vladimir_yamin]

вначале - для того, чтобы показать какой умный владелец сайта - потом все себе накопируют и будет дискотека в браузере (когда много окон открыто). :) Потом все наиграются и будет как и сейчас..

[@NympHsPeak]

Для чего оно может пригодиться, это уже решать людям которые захотят украсить свой сайт :-)

[@mr_idiot]

в том же контакте например чтобы показать из какой вкладки у тебя сейчас музыка орет

[@kivsiak]

Спасибо интересно.

Но смысл фаивокна в том и состоит чтобы однозначно привязать картинку к сайту. Менять фавикон это тоже что менять иконку ярлыка на рабочем столе или иконку окна приложения. Но никак не для использования в качестве динамического элемента интерфейса.

[@NickMitin]

В моем случае необходимо просто менять цвет. Ровно для этого все и затевалось.

[@Hitryi_Pryanik]

Иконка должна быть в формате ico и иметь сответствующую структуру. А то, что браузеры понимают другие форматы — лишь добрая воля разработчиков.

Что же касается смены, то не пойму зачем это? Анимация? Или индикация некторого процесса? Тогда допустимо.

[@svt]

а я бы ещё в .htaccess добавил редирект

RewriteEngine On
RewriteRule ^/temp/favicon.php?rand=1 /favicon.ico

и прописать ссылку на иконку нормальную ;)

[@AChaplygin]

Интересно, спасибо. :) Кстати, можно попробовать развить эту идею и сделать анимированный favicon. Например, чтобы по нему время от времени пробегал блик. По-моему, будет смотреться очень здОрово. :)

[@saMIRo]

отлично! ум важно иметь) у меня слов нет как хабр меня радует открытыми людьми и открытым кодом) спасибо

[@saMIRo]

еще пришла мысль в голову что первый поставит такое себе Лебедев на сайт студии) все наверно помнят его мигающий при наведении логотип) кстати после этого мода на анимированный favicon и зародится)

[@o_0]

К вопросу «зачем» — тут всё просто. Смена фавикона поможет показать разичные динамические состояния сайта. Как было неоднократно упомянуто, ВКонтакте, например, показывает, в какой табе из N-ного их количества играет музыка — незаменимая опция и отличная находка.