异步加载Gravatar Avatars jQuery异步Gravatar

  • 源码大小:124.17KB
  • 所需积分:1积分
  • 源码编号:19JP-3704
  • 浏览次数:797次
  • 最后更新:2023年07月13日
  • 所属栏目:加载
我要下载
加入收藏
本站默认解压密码:19jp.com 或 19jp_com

简介

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版本

预览截图