File: examples/favicon5.html

Recommend this page to a friend!
  Classes of Thomas Björk   jQuery Load Favicon   examples/favicon5.html   Download  
File: examples/favicon5.html
Role: Example script
Content type: text/plain
Description: Example for favicon
Class: jQuery Load Favicon
jQuery plugin to load an image as page favicon
Author: By
Last change: Updated the name for the plugin from utils.js to jquery.utils.js
Added a compiled and minified version
Updated all examples with the new name (using the minified version in the examples)
Added functions to convert an image to canvas, store data in webStorage.
Added animations to favicons
Date: 2 years ago
Size: 1,327 bytes


Class file image Download
<!DOCTYPE html> <html> <head> <title>Favicon - Demo 5</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- load jQuery --> <script src=""></script> <!-- load utils --> <script src="../jquery.utils-min.js"></script> <script> jQuery(document).ready(function() { jQuery(".favicon").faviconAnimationAdd({start: true, delay: 1000}); }); </script> </head> <body> <h1>Favicon - Demo 5</h1> Load images with the class favicon from the page and use them as an animated favicon. <div> <img src="./favicon.png" class="favicon" /> <img src="./favicon_blue.svg" class="favicon" /> </div> <hr /> <ul> <li><a href="./index.html" title="Index">Index</a></li> <li><a href="./favicon1.html" title="Favicon 1">Favicon 1 - Load from page</a></li> <li><a href="./favicon2.html" title="Favicon 2">Favicon 2 - Load from url</a></li> <li><a href="./favicon3.html" title="Favicon 3">Favicon 3 - Direct load</a></li> <li><a href="./favicon4.html" title="Favicon 4">Favicon 4 - Animation from url</a></li> <li><a href="./favicon5.html" title="Favicon 5">Favicon 5 - Animation from page</a></li> </ul> </body> </html>