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图像时,设置默认头像:
$(".gravatar").asyncGravatar({ default_img: "mm" });
7.设置指示化身是否适合于特定观众的评级参数。
$(".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