jQuery Plugin For Dynamic Page Title and Favicon - I Miss You

File Size: 6.83 KB
Views Total: 1741
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Dynamic Page Title and Favicon - I Miss You

I Miss You is a jQuery plugin that automatically change the page title and Favicon of your html document when the visitors switch between tabs in the browser. The plugin uses Page Visibility API to detect the document's visibility state and dynamically change the page title and Favicon file when your website lose focus. Perfect for landing pages to draw the visitor's attention.

How to use it:

1. Add jQuery library and the jQuery I Miss You plugin to the webpage.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="jquery.iMissYou.js"></script>

2. Add a default Favicon to the head section of the webpage.

<link rel="shortcut icon" href="favicon.ico">

3. Call the function and specify the new page title and Favicon.

$.iMissYou({
  title: "I Miss you !",
  favicon: {
    enabled: true,
    src:'iMissYouFavicon.ico'
  }
});

This awesome jQuery plugin is developed by Bahlaouane-Hamza. For more Advanced Usages, please check the demo page or visit the official website.