File: examples/favicon1.html

Recommend this page to a friend!
  Classes of Thomas Björk   jQuery Load Favicon   examples/favicon1.html   Download  
File: examples/favicon1.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,281 bytes
 

Contents

Class file image Download
<!DOCTYPE html> <html> <head> <title>Favicon - Demo 1</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- load jQuery --> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <!-- load utils --> <script src="../jquery.utils-min.js"></script> <script> jQuery(document).ready(function() { jQuery("img").faviconAdd(); }); </script> </head> <body> <h1>Favicon - Demo 1</h1> <div> <img src="./favicon.svg" style="width: 150px;" alt="The favicon to be" /> </div> <br /> <br /> <br /> <div> Loads the above image and uses it as an 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>