async gravatar是一个jQuery插件，它允许您用gravatar化身图像异步替换页面上的占位符图像，以加快页面加载时间。

如何使用它:

1.在网页中嵌入占位符图像，并将电子邮件哈希插入数据记录器属性：

<img class="gravatar" 
     alt="Gravatar" 
     src="default.jpg" 
     data-gravatar_hash="205e460b479e2e5b48aec07710c08d50">

2.将jQuery JavaScript库和jQuery async gravatar插件的脚本导入页面。

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/jquery.async-gravatar.min.js"></script>

3.只需调用国际货币基金组织并且完成了。

$(".gravatar").asyncGravatar();

4.调整头像的大小。

$(".gravatar").asyncGravatar({
  size: 200 // default: 64
});

5.决定是否强制使用SSL（HTTPS）。

$(".gravatar").asyncGravatar({
  force_https: true // default: false
});

6.当电子邮件地址没有匹配的Gravatar图像时，设置默认头像：

• 404
• mm
• 标识图标
• 有季风的
• 波浪形的
• 复古风格
• 机器人
• 空白的

$(".gravatar").asyncGravatar({
  default_img: "mm"
});

7.设置指示化身是否适合于特定观众的评级参数。

• g:在任何受众类型的所有网站上显示。
• 第页：可能包含粗鲁的手势、衣着挑逗的人、较少的脏话或轻微的暴力。
• r:可能包含诸如严厉的亵渎、强烈的暴力、裸体或吸毒等内容。
• x:可能包含核心的性意象或极其令人不安的暴力。

$(".gravatar").asyncGravatar({
  rating: "g"
});

8.您还可以通过数据属性如下：

<img class="gravatar" 
     alt="Gravatar" 
     src="default.jpg" 
     data-gravatar_hash="205e460b479e2e5b48aec07710c08d50"
     data-gravatar_size="64"
     data-gravatar_default="mm"
     data-gravatar_rating="g">

更新日志：

2022-02-15

• v1.1.3版本

预览截图

异步加载Gravatar Avatars jQuery异步Gravatar