Code: https://github.com/josephscott/form2gravatar

Author: Joseph Scott

Powered By: Gravatar.com

Demo:

Please Sign In

Email

Password

 

Options:

	var opt = {
		'default_img'	: 'mm',
		'size'			: 64,
		'ssl'			: false,
		'target'		: false,
		'timer_interval': 100,
		'use_blur'		: false
	};

Quick start:

Some basic HTML

<div>
    Email <input type="text" name="email" id="email">
</div>
<div>
    <img id="gravatar" src="http:////www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=64" alt="Gravatar" height="64" width="64">
</div>

You’ll need to load jQuery and the form2gravatar.js, then trigger it on the email field:

jQuery( '#email' ).form2gravatar( { target: '#gravatar' } );

That is about it.