Live Demo: Gravatar jQuery Plugin

Pre-required :

To use this plugin, user need following dependencies
  • jQuery 1.7 or higher (Required)
  • bootstrap.js (Optional)

    • Installation Process:

    It's very easy to integrate this plugin into your web page

    Step 1: Add element like

    <div data-avatar="John Deo" class="avatarBlock"></div>

    Step 2: Include plugin assets file into your web page

    <link rel="stylesheet" type="text/css" href="css/gravatar.css"> <script type="text/javascript" src="js/gravatar.min.js"></script>

    Step 3: Initialize the script on element

    $('.avatarBlock').avatar(); And it's done. Plugin is ready to perform.

    Example 1

    <div data-avatar="John Deo" class="avatarBlock"></div>
    Output:

    Example 2: Show image

    <div data-avatar="Ankit Gupta" class="avatarBlock round" data-image-src="/broken-image-src"></div> <div data-avatar="Sachin Jain" class="avatarBlock round" data-image-src="/src/image"></div>
    Output:


    Note: Plugin will automatically check for broken image link and handle view accordingly.