Динамическое изменение favicon

06.12.2012
Еще при его помощи можно избавится от проблемы, когда браузер отображает старую favicon даже после сбрасывания кэш.

Пример использования:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
/**
 * Interface onDrawCallback
 * @param {Context} context     HTML5 Canvas 2d Context
 */
var DrawCallback = function (context) {};

/**
 * jQuery.favicon interface
 * @param {String} iconURL
 * @param {String} alternativeURL
            (опциональный) URL, который будет использоваться для старых браузеров, которые не поддерживают элемент HTML5 Canvas
 * @param {DrawCallback} onDrawCallback
            (опциональный) Функция обратного вызова, которая нарисует что-то на иконке
 *
 * function (iconURL)
 * function (iconURL, onDraw)
 * function (iconURL, alternateURL, onDraw)
 */
jQuery.favicon = function (iconURL, alternativeURL, onDrawCallback) {};

/**
 * jQuery.favicon.animate – Начинает анимацию
 *
 * @param {String}      animationURL
            Изображение, которое содержит кадры
 * @param {String}      alternateURL
            Изображение, которое будет вставлено, если динамика не сработает
 * @param {Object}      options         опциональный
 *
 * function (animationURL, alternateURL)
 * function (animationURL, alternateURL, {
 *   interval: 1000, // интервал, по умолчанию 1000ms
 *   onDraw: function (context) {}, // вызывается на каждом кадре
 *   onStop: function () {}, // вызывается, при остановки анимации
 *   frames: [1,3,5] // отображать кадры в особом порядке
 * })
 */
jQuery.favicon.animate = function (animationURL, alternateURL, options) {};

/**
 * jQuery.favicon.unanimate – остановить текующую анимацию
 */
jQuery.favicon.unanimate = function () {};

Скачать

Источник

Demo


Категории: JQuery
Яндекс.Метрика