Плагин jQuery для favicon

Сегодня мы познакомим вас с плагином Favicon, который использует jQuery для управления favicon. Теперь вы можете динамически изменять ваш favicon. В браузерах, которые поддерживают HTML5 Canvas вы можете даже пририсовывать какие-то элементы. Ну и конечно же вы можете подстраховать себя и указать простой favicon, если поддержка динамических не сработает.

Браузеры, которые поддерживают данный плагин: Firefox 3.5, Opera 9, Chrome 4.
Заметка: IE и Safari не поддерживают динамическое изменение favicon.
Заметка: Canvas поддерживается такими браузерами как Firefox 4.0b1+, Opera 10+, Chrome 6+, Safari 5+, IE9+

Интерфейс плагина

/**
 * 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 () {};


Анимация при помощи jQuery.favicon.animate()

jQuery.favicon.animate позволяет имплементировать простую покадровую анимацию. Понятное дело, что вам нужно запастись всеми кадрами, которые вы хотите проиграть.

Загрузка

Данный плагин распространяется по лицензии MIT и GPL.

Скачать его можно вот отсюда


Источник: http://feedproxy.google.com/~r/ruseller/CdHX/~3/EASfkB740E4/lessons.php

Читать комменты и комментировать

Добавить комментарий / отзыв



Защитный код
Обновить

Плагин jQuery для favicon | | 2012-06-19 12:09:19 | | Статьи Web-мастеру | | Сегодня мы познакомим вас с плагином Favicon, который использует jQuery для управления favicon. Теперь вы можете динамически изменять ваш favicon. В браузерах, которые поддерживают HTML5 Canvas вы | РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
 
Поделиться с друзьями: