From fe52b05d8888e6592fa1ecd0b48410d1fb6ee55d Mon Sep 17 00:00:00 2001
From: click33 <2393584716@qq.com>
Date: Wed, 26 Apr 2023 12:52:56 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E6=A1=A3=E9=A6=96=E9=A1=B5=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E5=A2=9E=E5=8A=A0=E6=87=92=E5=8A=A0=E8=BD=BD=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sa-token-doc/index.html                      | 223 +++++++++--------
 sa-token-doc/plugin/jwt-extend.md            |   4 +-
 sa-token-doc/static/index.css                |   4 +-
 sa-token-doc/static/jquery.lazyload-1.9.3.js | 242 +++++++++++++++++++
 4 files changed, 368 insertions(+), 105 deletions(-)
 create mode 100644 sa-token-doc/static/jquery.lazyload-1.9.3.js

diff --git a/sa-token-doc/index.html b/sa-token-doc/index.html
index ec8de3e0..512a9913 100644
--- a/sa-token-doc/index.html
+++ b/sa-token-doc/index.html
@@ -113,14 +113,13 @@
 						<!-- <a href="https://gitee.com/dromara/sa-token" target="_blank">集成案例</a> -->
 					</div>
 					<h4 align="center" class="badge-box">
-						<a href="https://gitee.com/dromara/sa-token/stargazers"><img src="https://gitee.com/dromara/sa-token/badge/star.svg?theme=gvp"></a>
-						<a href="https://gitee.com/dromara/sa-token/members"><img src="https://gitee.com/dromara/sa-token/badge/fork.svg?theme=gvp"></a>
-						<!-- <br><br> -->
-						<a href="https://github.com/dromara/sa-token/stargazers"><img src="https://img.shields.io/github/stars/dromara/sa-token?style=flat-square&logo=GitHub"></a>
-						<a href="https://github.com/dromara/sa-token/network/members"><img src="https://img.shields.io/github/forks/dromara/sa-token?style=flat-square&logo=GitHub"></a>
-						<a href="https://github.com/dromara/sa-token/watchers"><img src="https://img.shields.io/github/watchers/dromara/sa-token?style=flat-square&logo=GitHub"></a>
-						<a href="https://github.com/dromara/sa-token/issues"><img src="https://img.shields.io/github/issues/dromara/sa-token.svg?style=flat-square&logo=GitHub"></a>
-						<a href="https://github.com/dromara/sa-token/blob/master/LICENSE"><img src="https://img.shields.io/github/license/dromara/sa-token.svg?style=flat-square"></a>
+						<a href="https://gitee.com/dromara/sa-token/stargazers"><img class="lazy" data-original="https://gitee.com/dromara/sa-token/badge/star.svg?theme=gvp"></a>
+						<a href="https://gitee.com/dromara/sa-token/members"><img class="lazy" data-original="https://gitee.com/dromara/sa-token/badge/fork.svg?theme=gvp"></a>
+						<a href="https://github.com/dromara/sa-token/stargazers"><img class="lazy" data-original="https://img.shields.io/github/stars/dromara/sa-token?style=flat-square&logo=GitHub"></a>
+						<a href="https://github.com/dromara/sa-token/network/members"><img class="lazy" data-original="https://img.shields.io/github/forks/dromara/sa-token?style=flat-square&logo=GitHub"></a>
+						<a href="https://github.com/dromara/sa-token/watchers"><img class="lazy" data-original="https://img.shields.io/github/watchers/dromara/sa-token?style=flat-square&logo=GitHub"></a>
+						<a href="https://github.com/dromara/sa-token/issues"><img class="lazy" data-original="https://img.shields.io/github/issues/dromara/sa-token.svg?style=flat-square&logo=GitHub"></a>
+						<a href="https://github.com/dromara/sa-token/blob/master/LICENSE"><img class="lazy" data-original="https://img.shields.io/github/license/dromara/sa-token.svg?style=flat-square"></a>
 					</h4>
 				</div>
 			</div>
@@ -183,7 +182,7 @@
 						<!-- Snowy  5.5k -->
 						<div class="s-case">
 							<a href="https://gitee.com/xiaonuobase/snowy" target="_blank" class="s-case-link">
-								<img src="https://oss.dev33.cn/sa-token/case/case--snowy.png">
+								<img class="lazy" data-original="https://oss.dev33.cn/sa-token/case/case--snowy.png">
 							</a>
 							<h3 class="s-case-title">Snowy</h3>
 							<span class="s-author"> 小诺开源技术 </span>
@@ -192,7 +191,7 @@
 						<!-- SpringBoot_v2  5.3k -->
 						<div class="s-case">
 							<a href="https://gitee.com/bdj/SpringBoot_v2" target="_blank" class="s-case-link">
-								<img src="https://oss.dev33.cn/sa-token/case/case--springboot_v2.png">
+								<img class="lazy" data-original="https://oss.dev33.cn/sa-token/case/case--springboot_v2.png">
 							</a>
 							<h3 class="s-case-title">SpringBoot_v2</h3>
 							<span class="s-author">开源oschina</span>
@@ -201,7 +200,7 @@
 						<!-- RuoYi-Vue-Plus  4.1k -->
 						<div class="s-case">
 							<a href="https://gitee.com/dromara/RuoYi-Vue-Plus" target="_blank" class="s-case-link">
-								<img src="https://oss.dev33.cn/sa-token/case/case--ruoyi-vue-plus.png">
+								<img class="lazy" data-original="https://oss.dev33.cn/sa-token/case/case--ruoyi-vue-plus.png">
 							</a>
 							<h3 class="s-case-title">RuoYi-Vue-Plus</h3>
 							<span class="s-author"> 疯狂的狮子Li </span>
@@ -210,7 +209,7 @@
 						<!-- RuoYi-Cloud-Plus  1.5K -->
 						<div class="s-case">
 							<a href="https://gitee.com/dromara/RuoYi-Cloud-Plus" target="_blank" class="s-case-link">
-								<img src="https://oss.dev33.cn/sa-token/case/case--ruoyi-cloud-plus.png">
+								<img class="lazy" data-original="https://oss.dev33.cn/sa-token/case/case--ruoyi-cloud-plus.png">
 							</a>
 							<h3 class="s-case-title">RuoYi-Cloud-Plus</h3>
 							<span class="s-author"> 疯狂的狮子Li </span>
@@ -219,7 +218,7 @@
 						<!-- Sa-Plus  1K -->
 						<div class="s-case">
 							<a href="https://gitee.com/click33/sa-plus" target="_blank" class="s-case-link">
-								<img src="https://oss.dev33.cn/sa-token/case/case--sa-plus.png">
+								<img class="lazy" data-original="https://oss.dev33.cn/sa-token/case/case--sa-plus.png">
 							</a>
 							<h3 class="s-case-title">Sa-Plus</h3>
 							<span class="s-author"> 孔明 </span>
@@ -228,7 +227,7 @@
 						<!-- EasyAdmin  878 -->
 						<div class="s-case">
 							<a href="https://gitee.com/lakernote/easy-admin" target="_blank" class="s-case-link">
-								<img src="https://oss.dev33.cn/sa-token/case/case--easy-admin.png">
+								<img class="lazy" data-original="https://oss.dev33.cn/sa-token/case/case--easy-admin.png">
 							</a>
 							<h3 class="s-case-title">EasyAdmin</h3>
 							<span class="s-author"> laker </span>
@@ -254,106 +253,106 @@
 					<h2 class="s-title">正在使用 Sa-Token 的企业 / 机构</h2>
 					<div class="com-box">
 						<a href="http://yun94.cn/" target="_blank" title="济南凉云网络科技有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/liangyunwangluo.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/liangyunwangluo.png">
 						</a>
 						<!-- <a href="http://www.jmwl51.com/" target="_blank" title="济南极梦网络科技有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/jimengwangluo.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/jimengwangluo.png">
 						</a> -->
 						<!-- <a href="https://www.suancheng.co/" target="_blank" title="山东酸橙网络科技有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/suanchengdudu.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/suanchengdudu.png">
 						</a> -->
 						<a href="https://chykj.com/" target="_blank" title="山东察远信息科技有限公司">
-							<img src="https://chykj.com/upload/1/cms/content/cylogoc.jpg">
+							<img class="lazy" data-original="https://chykj.com/upload/1/cms/content/cylogoc.jpg">
 						</a>
 						<a href="https://ms.airsr.com/" target="_blank" title="北京天衢航空服务有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/tianquhangkong.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/tianquhangkong.png">
 						</a>
 						<a href="###" title="货好多科技">
-							<img src="https://oss.dev33.cn/sa-token/com/huohaoduo.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/huohaoduo.png">
 						</a>
 						<a href="http://www.jmwl51.com/" target="_blank" title="济南极梦网络科技有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/jimeng.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/jimeng.png">
 						</a>
 						<a href="https://uniadmin.jiangruyi.com/" target="_blank" title="南京星意信息科技有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/uniadmin.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/uniadmin.png">
 						</a>
 						<a href="http://www.tuodan.tech/" target="_blank" title="深圳加速脱单科技有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/tuodan.jpeg">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/tuodan.jpeg">
 						</a>
 						<a href="https://www.yangxuwang.com/" target="_blank" title="上海阳旭网络科技有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/shouxin.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/shouxin.png">
 						</a>
 						<a href="https://www.ec-sudo.com/" target="_blank" title="深圳数独科技有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/shudukeji.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/shudukeji.png">
 						</a>
 						<a href="https://budwk.com/" target="_blank" title="BudWk 开发框架 V7.x">
-							<img src="https://oss.dev33.cn/sa-token/com/budwk.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/budwk.png">
 						</a>
 						<a href="https://www.quandashi.com/" target="_blank" title="北京梦知网科技有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/quandashi.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/quandashi.png">
 						</a>
 						<a href="http://www.gree.com.cn/" target="_blank" title="珠海格力电器股份有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/geli.jpeg">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/geli.jpeg">
 						</a>
 						<a href="http://www.dchealth.com/" target="_blank" title="神州医疗">
-							<img src="https://oss.dev33.cn/sa-token/com/shenzhouyiliao.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/shenzhouyiliao.png">
 						</a>
 						<a href="javascript:;" title="暖通管家">
-							<img src="https://oss.dev33.cn/sa-token/com/nuantong.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/nuantong.png">
 						</a>
 						<a href="https://www.quoting.cn/" target="_blank" title="引止">
-							<img src="https://oss.dev33.cn/sa-token/com/yinzhi.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/yinzhi.png">
 						</a>
 						<a href="http://www.dzlanke.cn/" target="_blank" title="德州蓝客网络科技">
-							<img src="https://oss.dev33.cn/sa-token/com/dezhoulanke.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/dezhoulanke.png">
 						</a>
 						<a href="http://www.turingoal.com" target="_blank" title="图灵谷（北京）科技有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/tulinggu.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/tulinggu.png">
 						</a>
 						<a href="javascript:;" title="辽宁薪达网络科技有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/taipingyangcanyin.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/taipingyangcanyin.png">
 						</a>
 						<a href="https://www.pactera.com/?renqun_youhua=2483561&bd_vid=9062916023494825120" target="_blank" title="中电文思海辉">
-							<img src="https://oss.dev33.cn/sa-token/com/zhongdianwensi-logo.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/zhongdianwensi-logo.png">
 						</a>
 						<a href="https://tisiqikeji.com/" target="_blank" title="吉林省体思奇健康科技有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/tisiqi.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/tisiqi.png">
 						</a>
 						<a href="http://www.qaqavr.com/" target="_blank" title="合肥中锐智能科技有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/hefeizhongrui2.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/hefeizhongrui2.png">
 						</a>
 						<a href="https://www.hstong.com/" target="_blank" title="价值网络">
-							<img src="https://oss.dev33.cn/sa-token/com/huashengtong.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/huashengtong.png">
 						</a>
 						<a href="https://www.shylsoft.com/" target="_blank" title="上海营联信息技术有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/yinglian.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/yinglian.png">
 						</a>
 						<a href="http://www.sxpartner.com/" target="_blank" title="陕西小伙伴网络科技有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/cptc.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/cptc.png">
 						</a>
 						<!-- <a href="https://gitee.com/fhs-opensource/fhs-framework" target="_blank" title="FHS 快速开发平台">
-							<img src="https://oss.dev33.cn/sa-token/com/fhs.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/fhs.png">
 						</a> -->
 						<a href="http://www.hmnst.com/index.html" target="_blank" title="微纳感知（合肥）技术有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/weinaganzhi.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/weinaganzhi.png">
 						</a>
 						<a href="https://www.aegis-info.com/" target="_blank" title="北京擎盾信息科技有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/beijingqingdun.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/beijingqingdun.png">
 						</a>
 						<a href="https://www.geostar.com.cn/" target="_blank" title="吉奥时空">
-							<img src="https://oss.dev33.cn/sa-token/com/jieaoshikong.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/jieaoshikong.png">
 						</a>
 						<a href="http://www.stbella.cn/" target="_blank" title="贝康国际">
-							<img src="https://oss.dev33.cn/sa-token/com/beikangguoji.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/beikangguoji.png">
 						</a>
 						<a href="https://mimirii.com/" target="_blank" title="西安米默网络科技有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/mimokeji.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/mimokeji.png">
 						</a>
 						<a href="http://www.chually.cn/" target="_blank" title="湖北楚商联盟金融信息服务有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/chushangjinfu.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/chushangjinfu.png">
 						</a>
 						<a href="https://www.zhongyuankeji.cn/" target="_blank" title="山东众远信息科技有限公司">
-							<img src="https://oss.dev33.cn/sa-token/com/zhongyuankeji.png">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/zhongyuankeji.png">
 						</a>
 					</div>
 					<div style="height: 10px; clear: both;"></div>
@@ -377,130 +376,130 @@
 					</h2>
 					<div class="com-box com-box-you">
 						<a href="https://gitee.com/dromara/TLog" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/tlog.png" msg="一个轻量级的分布式日志标记追踪神器，10分钟即可接入，自动对日志打标签完成微服务的链路追踪">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/tlog.png" msg="一个轻量级的分布式日志标记追踪神器，10分钟即可接入，自动对日志打标签完成微服务的链路追踪">
 						</a>
 						<a href="https://gitee.com/dromara/liteFlow" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/liteflow.png" msg="轻量，快速，稳定，可编排的组件式流程引擎">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/liteflow.png" msg="轻量，快速，稳定，可编排的组件式流程引擎">
 						</a>
 						<a href="https://hutool.cn/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/hutool.jpg" msg="🍬小而全的Java工具类库，使Java拥有函数式语言般的优雅，让Java语言也可以“甜甜的”。">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/hutool.jpg" msg="🍬小而全的Java工具类库，使Java拥有函数式语言般的优雅，让Java语言也可以“甜甜的”。">
 						</a>
 						<a href="https://sa-token.cc/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/sa-token.png" msg="一个轻量级 java 权限认证框架，让鉴权变得简单、优雅！">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/sa-token.png" msg="一个轻量级 java 权限认证框架，让鉴权变得简单、优雅！">
 						</a>
 						<a href="https://gitee.com/dromara/hmily" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/hmily.png" msg="高性能一站式分布式事务解决方案。">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/hmily.png" msg="高性能一站式分布式事务解决方案。">
 						</a>
 						<a href="https://gitee.com/dromara/Raincat" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/raincat.png" msg="强一致性分布式事务解决方案。">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/raincat.png" msg="强一致性分布式事务解决方案。">
 						</a>
 						<a href="https://gitee.com/dromara/myth" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/myth.png" msg="可靠消息分布式事务解决方案。">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/myth.png" msg="可靠消息分布式事务解决方案。">
 						</a>
 						<a href="https://cubic.jiagoujishu.com/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/cubic.png" msg="一站式问题定位平台，以agent的方式无侵入接入应用，完整集成arthas功能模块，致力于应用级监控，帮助开发人员快速定位问题">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/cubic.png" msg="一站式问题定位平台，以agent的方式无侵入接入应用，完整集成arthas功能模块，致力于应用级监控，帮助开发人员快速定位问题">
 						</a>
 						<a href="https://maxkey.top/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/maxkey.png" msg="业界领先的身份管理和认证产品">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/maxkey.png" msg="业界领先的身份管理和认证产品">
 						</a>
 						<a href="http://forest.dtflyx.com/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/forest-logo.png" msg="Forest能够帮助您使用更简单的方式编写Java的HTTP客户端" nf>
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/forest-logo.png" msg="Forest能够帮助您使用更简单的方式编写Java的HTTP客户端" nf>
 						</a>
 						<a href="https://jpom.top/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/jpom.png" msg="一款简而轻的低侵入式在线构建、自动部署、日常运维、项目监控软件">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/jpom.png" msg="一款简而轻的低侵入式在线构建、自动部署、日常运维、项目监控软件">
 						</a>
 						<a href="https://su.usthe.com/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/sureness.png" msg="面向 REST API 的高性能认证鉴权框架">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/sureness.png" msg="面向 REST API 的高性能认证鉴权框架">
 						</a>
 						<a href="https://easy-es.cn/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/easy-es2.png" msg="🚀傻瓜级ElasticSearch搜索引擎ORM框架">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/easy-es2.png" msg="🚀傻瓜级ElasticSearch搜索引擎ORM框架">
 						</a>
 						<a href="https://gitee.com/dromara/northstar" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/northstar_logo.png" msg="Northstar盈富量化交易平台">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/northstar_logo.png" msg="Northstar盈富量化交易平台">
 						</a>
 						<a href="https://hertzbeat.com/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/hertzbeat-brand.svg" msg="易用友好的云监控系统">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/hertzbeat-brand.svg" msg="易用友好的云监控系统">
 						</a>
 						<a href="https://dromara.gitee.io/fast-request/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/fast-request.gif" msg="Idea 版 Postman，为简化调试API而生">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/fast-request.gif" msg="Idea 版 Postman，为简化调试API而生">
 						</a>
 						<a href="https://www.jeesuite.com/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/mendmix.png" msg="开源分布式云原生架构一站式解决方案">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/mendmix.png" msg="开源分布式云原生架构一站式解决方案">
 						</a>
 						<a href="https://gitee.com/dromara/koalas-rpc" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/koalas-rpc2.png" msg="企业生产级百亿日PV高可用可拓展的RPC框架。">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/koalas-rpc2.png" msg="企业生产级百亿日PV高可用可拓展的RPC框架。">
 						</a>
 						<a href="https://async.sizegang.cn/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/gobrs-async.png" msg="🔥 配置极简功能强大的异步任务动态编排框架">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/gobrs-async.png" msg="🔥 配置极简功能强大的异步任务动态编排框架">
 						</a>
 						<a href="https://dynamictp.cn/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/dynamic-tp.png" msg="🔥🔥🔥 基于配置中心的轻量级动态可监控线程池">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/dynamic-tp.png" msg="🔥🔥🔥 基于配置中心的轻量级动态可监控线程池">
 						</a>
 						<a href="https://www.x-easypdf.cn" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/x-easypdf.png" msg="一个用搭积木的方式构建pdf的框架（基于pdfbox）">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/x-easypdf.png" msg="一个用搭积木的方式构建pdf的框架（基于pdfbox）">
 						</a>
 						<a href="http://dromara.gitee.io/image-combiner" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/image-combiner.png" msg="一个专门用于图片合成的工具，没有很复杂的功能，简单实用，却不失强大">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/image-combiner.png" msg="一个专门用于图片合成的工具，没有很复杂的功能，简单实用，却不失强大">
 						</a>
 						<a href="https://www.herodotus.cn/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/dante-cloud2.png" msg="Dante-Cloud 是一款企业级微服务架构和服务能力开发平台。">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/dante-cloud2.png" msg="Dante-Cloud 是一款企业级微服务架构和服务能力开发平台。">
 						</a>
 						<a href="http://www.mtruning.club" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/go-view.png" msg="低代码数据可视化开发平台">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/go-view.png" msg="低代码数据可视化开发平台">
 						</a>
 						<a href="https://tangyh.top/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/lamp-cloud.png" msg="微服务中后台快速开发平台，支持租户(SaaS)模式、非租户模式">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/lamp-cloud.png" msg="微服务中后台快速开发平台，支持租户(SaaS)模式、非租户模式">
 						</a>
 						<a href="https://www.redisfront.com/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/redis-front.png" msg="RedisFront 是一款开源免费的跨平台 Redis 桌面客户端工具, 支持单机模式, 集群模式, 哨兵模式以及 SSH 隧道连接, 可轻松管理Redis缓存数据.">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/redis-front.png" msg="RedisFront 是一款开源免费的跨平台 Redis 桌面客户端工具, 支持单机模式, 集群模式, 哨兵模式以及 SSH 隧道连接, 可轻松管理Redis缓存数据.">
 						</a>
 						<a href="https://www.yuque.com/u34495/mivcfg" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/electron-egg.png" msg="一个入门简单、跨平台、企业级桌面软件开发框架">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/electron-egg.png" msg="一个入门简单、跨平台、企业级桌面软件开发框架">
 						</a>
 						<a href="https://gitee.com/dromara/open-capacity-platform" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/open-capacity-platform.jpg" msg="简称ocp是基于Spring Cloud的企业级微服务框架(用户权限管理，配置中心管理，应用管理，....)">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/open-capacity-platform.jpg" msg="简称ocp是基于Spring Cloud的企业级微服务框架(用户权限管理，配置中心管理，应用管理，....)">
 						</a>
 						<a href="http://easy-trans.fhs-opensource.top/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/easy_trans.png" msg="Easy-Trans 一个注解搞定数据翻译,减少30%SQL代码量">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/easy_trans.png" msg="Easy-Trans 一个注解搞定数据翻译,减少30%SQL代码量">
 						</a>
 						<a href="https://gitee.com/dromara/neutrino-proxy" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/neutrino-proxy.svg" msg="一款基于 Netty 的、开源的内网穿透神器。">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/neutrino-proxy.svg" msg="一款基于 Netty 的、开源的内网穿透神器。">
 						</a>
 						<a href="https://chatgpt.cn.obiscr.com/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/chatgpt.png" msg="一个支持在 JetBrains 系列 IDE 上运行的 ChatGPT 的插件。">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/chatgpt.png" msg="一个支持在 JetBrains 系列 IDE 上运行的 ChatGPT 的插件。">
 						</a>
 						<a href="https://gitee.com/dromara/zyplayer-doc" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/zyplayer-doc.png" msg="zyplayer-doc是一款适合团队和个人使用的WIKI文档管理工具，同时还包含数据库文档、Api接口文档。">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/zyplayer-doc.png" msg="zyplayer-doc是一款适合团队和个人使用的WIKI文档管理工具，同时还包含数据库文档、Api接口文档。">
 						</a>
 						<a href="https://gitee.com/dromara/payment-spring-boot" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/payment-spring-boot.png" msg="最全最好用的微信支付V3 Spring Boot 组件。">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/payment-spring-boot.png" msg="最全最好用的微信支付V3 Spring Boot 组件。">
 						</a>
 						<a href="https://www.j2eefast.com/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/j2eefast.png" msg="J2eeFAST 是一个致力于中小企业 Java EE 企业级快速开发平台,我们永久开源!">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/j2eefast.png" msg="J2eeFAST 是一个致力于中小企业 Java EE 企业级快速开发平台,我们永久开源!">
 						</a>
 						<a href="https://gitee.com/dromara/data-compare" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/dataCompare.png" msg="数据库比对工具：hive 表数据比对，mysql、Doris 数据比对，实现自动化配置进行数据比对，避免频繁写sql 进行处理，低代码(Low-Code) 平台">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/dataCompare.png" msg="数据库比对工具：hive 表数据比对，mysql、Doris 数据比对，实现自动化配置进行数据比对，避免频繁写sql 进行处理，低代码(Low-Code) 平台">
 						</a>
 						<a href="https://gitee.com/dromara/open-giteye-api" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/open-giteye-api.svg" msg="giteye.net 是专为开源作者设计的数据图表服务工具类站点，提供了包括 Star 趋势图、贡献者列表、Gitee指数等数据图表服务。">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/open-giteye-api.svg" msg="giteye.net 是专为开源作者设计的数据图表服务工具类站点，提供了包括 Star 趋势图、贡献者列表、Gitee指数等数据图表服务。">
 						</a>
 						<a href="https://gitee.com/dromara/RuoYi-Vue-Plus" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/RuoYi-Vue-Plus.png" msg="后台管理系统 重写 RuoYi-Vue 所有功能 集成 Sa-Token + Mybatis-Plus + Jackson + Xxl-Job + SpringDoc + Hutool + OSS 定期同步">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/RuoYi-Vue-Plus.png" msg="后台管理系统 重写 RuoYi-Vue 所有功能 集成 Sa-Token + Mybatis-Plus + Jackson + Xxl-Job + SpringDoc + Hutool + OSS 定期同步">
 						</a>
 						<a href="https://gitee.com/dromara/RuoYi-Cloud-Plus" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/RuoYi-Cloud-Plus.png" msg="微服务管理系统 重写RuoYi-Cloud所有功能 整合 SpringCloudAlibaba Dubbo3.0 Sa-Token Mybatis-Plus MQ OSS ES Xxl-Job Docker 全方位升级 定期同步">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/RuoYi-Cloud-Plus.png" msg="微服务管理系统 重写RuoYi-Cloud所有功能 整合 SpringCloudAlibaba Dubbo3.0 Sa-Token Mybatis-Plus MQ OSS ES Xxl-Job Docker 全方位升级 定期同步">
 						</a>
 						<a href="https://gitee.com/dromara/stream-query" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/stream-query.png" msg="允许完全摆脱 Mapper 的 mybatis-plus 体验！封装 stream 和 lambda 操作进行数据返回处理。">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/stream-query.png" msg="允许完全摆脱 Mapper 的 mybatis-plus 体验！封装 stream 和 lambda 操作进行数据返回处理。">
 						</a>
 						<a href="https://wind.kim/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/sms4j.png" msg="短信聚合工具，让发送短信变的更简单。">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/sms4j.png" msg="短信聚合工具，让发送短信变的更简单。">
 						</a> 
 						<a href="https://cloudeon.top/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/cloudeon.png" msg="简化kubernetes上大数据集群的运维管理">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/cloudeon.png" msg="简化kubernetes上大数据集群的运维管理">
 						</a> 
 						<a href="https://dromara.org/zh/projects/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/dromara.png" msg="让每一位开源爱好者，体会到开源的快乐。">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/dromara.png" msg="让每一位开源爱好者，体会到开源的快乐。">
 						</a> 
 					</div>
 					<div style="height: 10px; clear: both;"></div>
@@ -509,7 +508,7 @@
 					</p>
 					<div style=" margin: 40px 14px 0; padding: 20px 0 10px; background-color: #f4f5f7;">
 						<h3 style="padding: 0px 0 10px; ">Dromara 知识星球</h3>
-						<img src="https://oss.dev33.cn/sa-token/dromara-xingqiu--sa-token.jpg" style="width: 300px;">
+						<img class="lazy" data-original="https://oss.dev33.cn/sa-token/dromara-xingqiu--sa-token.jpg" style="width: 300px;">
 					</div>
 				</div>
 				<div style="height: 30px;"></div>
@@ -523,34 +522,34 @@
 					<h2 class="s-title">友情链接</h2>
 					<div class="com-box com-box-you">
 						<a href="https://okhttps.ejlchina.com/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/okhttps.png" msg="如艺术一般优雅，像 1、2、3 一样简单，前后端通用，轻量却强大的 HTTP 客户端（同时支持 WebSocket 以及 Stomp 协议）">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/okhttps.png" msg="如艺术一般优雅，像 1、2、3 一样简单，前后端通用，轻量却强大的 HTTP 客户端（同时支持 WebSocket 以及 Stomp 协议）">
 						</a>
 						<a href="https://searcher.ejlchina.com/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/bean-searcher.png" msg="轻量级关系数据库条件检索引擎，使一行代码实现复杂列表检索成为可能！">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/bean-searcher.png" msg="轻量级关系数据库条件检索引擎，使一行代码实现复杂列表检索成为可能！">
 						</a>
 						<a href="https://xiaonuo.vip/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/xiaonuo2.png" msg="通用型后台权限管理框架，紧随潮流、开箱即用, 同时拥有Vue、Layui、SpringCloud三个版本">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/xiaonuo2.png" msg="通用型后台权限管理框架，紧随潮流、开箱即用, 同时拥有Vue、Layui、SpringCloud三个版本">
 						</a>
 						<a href="http://www.pearadmin.com/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/pear-admin.png" msg="致 力 于 让 Web 开 发 变 得 简 单 优 雅">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/pear-admin.png" msg="致 力 于 让 Web 开 发 变 得 简 单 优 雅">
 						</a>
 						<a href="http://www.layui-vue.com/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/layui-vue.png" msg="layui - vue（谐音：类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库.">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/layui-vue.png" msg="layui - vue（谐音：类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库.">
 						</a>
 						<a href="https://shenyu.apache.org/zh/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/shenyu.svg" msg="一个异步的，高性能的，跨语言的，响应式的 API 网关。">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/shenyu.svg" msg="一个异步的，高性能的，跨语言的，响应式的 API 网关。">
 						</a>
 						<a href="https://dwz.cn/L9hCwepg" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/com/yungouos.png" msg="官方直连支付系统解决方案，支持个人、个体户、企业全渠道签约。">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/yungouos.png" msg="官方直连支付系统解决方案，支持个人、个体户、企业全渠道签约。">
 						</a>
 						<a href="https://hippo4j.cn/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/hippo4j.jpg" msg="强大的动态线程池框架，附带监控报警功能，支持 Tomcat、Jetty、Undertow、RocketMQ、Dubbo、RabbitMQ、Hystrix 消费线程池">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/hippo4j.jpg" msg="强大的动态线程池框架，附带监控报警功能，支持 Tomcat、Jetty、Undertow、RocketMQ、Dubbo、RabbitMQ、Hystrix 消费线程池">
 						</a>
 						<a href="http://solon.noear.org/" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/solon.png" msg="一个更现代感的应用开发框架：更快、更小、更自由。">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/solon.png" msg="一个更现代感的应用开发框架：更快、更小、更自由。">
 						</a>
 						<a href="https://gitee.com/gz-yami/mall4j" target="_blank">
-							<img src="https://oss.dev33.cn/sa-token/link/mall4j.png" msg="一个基于Spring Boot 3 JDK17的商城系统。">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/mall4j.png" msg="一个基于Spring Boot 3 JDK17的商城系统。">
 						</a>
 					</div>
 					<div style="height: 10px; clear: both;"></div>
@@ -752,6 +751,28 @@
 			}
 			
 		</script>
+		
+		<!-- 图片懒加载 -->
+		<script src="static/jquery.lazyload-1.9.3.js"></script>
+		<script>
+			$(function() {
+				$("img.lazy").lazyload({
+					effect: "fadeIn",  // 动画，show=显示，fadeIn=淡入，slideDown=下拉
+					effectspeed: 1200,  // 动画持续时间
+					skip_invisible: true, // 不加载隐藏的图像
+					// threshold: -180,  // 提前加载：距离屏幕多少px时就显示出来
+					// event: 'click',  // 事件触发时才加载，scroll=滑动，click=点击，mouseover=鼠标划过，sporty=运动的
+					// 未加载时的占位图，此为3x3透明小图片
+					placeholder:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAhdEVYdENyZWF0aW9uIFRpbWUAMjAyMTowMToyMiAyMjoxNDoxM63SwyUAAAANSURBVBhXYyAGMDAAAAAnAAF2ypRxAAAAAElFTkSuQmCC",
+					load: function(){
+						console.log('lazy img: ' + this.src);
+					}
+				});
+			})
+			// $(window).bind("load", function() {   
+			//   // var timeout = setTimeout(function() {$("img.lazy").trigger("sporty")}, 5000);   
+			// });  
+		</script>
 
 		<script type="text/javascript">
 			// 预览版提示 
diff --git a/sa-token-doc/plugin/jwt-extend.md b/sa-token-doc/plugin/jwt-extend.md
index 4897b337..d5b17e50 100644
--- a/sa-token-doc/plugin/jwt-extend.md
+++ b/sa-token-doc/plugin/jwt-extend.md
@@ -25,9 +25,9 @@ implementation 'cn.dev33:sa-token-jwt:${sa.top.version}'
 <!---------------------------- tabs:end ---------------------------->
 
 
-> 注意: sa-token-jwt 显式依赖 hutool-jwt 5.7.14 版本，意味着：你的项目中要么不引入 Hutool，要么引入版本 >= 5.7.14 的 Hutool 版本
+> 1. 注意: sa-token-jwt 显式依赖 hutool-jwt 5.7.14 版本，保险起见：你的项目中要么不引入 hutool，要么引入版本 >= 5.7.14 的 hutool 版本。
+> 2. hutool 5.8.13 和 5.8.14 版本下会出现类型转换问题，[关联issue](https://gitee.com/dromara/sa-token/issues/I6L429)。
 
-> hutool 5.8.13 和 5.8.14 禁止使用, [关联issue](https://gitee.com/dromara/sa-token/issues/I6L429)
 
 ### 2、配置秘钥
 在 `application.yml` 配置文件中配置 jwt 生成秘钥：
diff --git a/sa-token-doc/static/index.css b/sa-token-doc/static/index.css
index aef3b57d..0508ceb8 100644
--- a/sa-token-doc/static/index.css
+++ b/sa-token-doc/static/index.css
@@ -109,7 +109,6 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica
 .s-case{position: relative; transition: all 0.2s; background-color: #FFF;}
 .s-case-link{display: block; width: 100%; height: 0px; padding-bottom: 50%; position: relative; overflow: hidden;}
 .s-case-link img{width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute;}
-.s-case-link img{transition: all 0.3s;}
 .s-case-title,.s-case-intro{padding: 0 16px;}
 .s-case-title{margin-top: 20px; font-size: 18px; font-weight: 400; color: #333; font-family: "microsoft yahei";}
 .s-case-intro{margin-top: 15px; font-size: 14px; line-height: 20px; color: #777; word-break:break-all;}
@@ -120,6 +119,7 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica
 /* 悬浮动画 */
 .s-case:hover{box-shadow: 0 0 20px #ccc;}
 .s-case:hover img{transform: scale(1.3, 1.3); }
+.s-case-link img{transition: transform 0.3s;}
 .s-case img:hover{cursor: pointer;}
 .s-case:hover .s-case-link:after {background-color: rgba(0, 0, 0, .35); color: #FFF;}
 .s-case .s-case-link:after {
@@ -144,7 +144,7 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica
 .com-box{display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 50px; justify-content: flex-start;}
 .com-box a{display: block; flex: 0 0 13%; margin: 5px; cursor: pointer; border: 0px #ddd solid;}
 .com-box a{line-height: 75px;}
-.com-box a img{transition: all 0.2s; vertical-align: middle; min-width: 60%; max-width: 100%; max-height: 100%;}
+.com-box a img{transition: transform 0.2s; vertical-align: middle; min-width: 60%; max-width: 100%; max-height: 100%;}
 .com-box a img:hover{transform: scale(1.05, 1.05);}
 .com-box-you a img:hover{transform: none;}
 
diff --git a/sa-token-doc/static/jquery.lazyload-1.9.3.js b/sa-token-doc/static/jquery.lazyload-1.9.3.js
new file mode 100644
index 00000000..3019fe5f
--- /dev/null
+++ b/sa-token-doc/static/jquery.lazyload-1.9.3.js
@@ -0,0 +1,242 @@
+/*
+ * Lazy Load - jQuery plugin for lazy loading images
+ *
+ * Copyright (c) 2007-2013 Mika Tuupola
+ *
+ * Licensed under the MIT license:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *
+ * Project home:
+ *   http://www.appelsiini.net/projects/lazyload
+ *
+ * Version:  1.9.3
+ *
+ */
+
+(function($, window, document, undefined) {
+    var $window = $(window);
+
+    $.fn.lazyload = function(options) {
+        var elements = this;
+        var $container;
+        var settings = {
+            threshold       : 0,
+            failure_limit   : 0,
+            event           : "scroll",
+            effect          : "show",
+            container       : window,
+            data_attribute  : "original",
+            skip_invisible  : true,
+            appear          : null,
+            load            : null,
+            placeholder     : "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC"
+        };
+
+        function update() {
+            var counter = 0;
+
+            elements.each(function() {
+                var $this = $(this);
+                if (settings.skip_invisible && !$this.is(":visible")) {
+                    return;
+                }
+                if ($.abovethetop(this, settings) ||
+                    $.leftofbegin(this, settings)) {
+                        /* Nothing. */
+                } else if (!$.belowthefold(this, settings) &&
+                    !$.rightoffold(this, settings)) {
+                        $this.trigger("appear");
+                        /* if we found an image we'll load, reset the counter */
+                        counter = 0;
+                } else {
+                    if (++counter > settings.failure_limit) {
+                        return false;
+                    }
+                }
+            });
+
+        }
+
+        if(options) {
+            /* Maintain BC for a couple of versions. */
+            if (undefined !== options.failurelimit) {
+                options.failure_limit = options.failurelimit;
+                delete options.failurelimit;
+            }
+            if (undefined !== options.effectspeed) {
+                options.effect_speed = options.effectspeed;
+                delete options.effectspeed;
+            }
+
+            $.extend(settings, options);
+        }
+
+        /* Cache container as jQuery as object. */
+        $container = (settings.container === undefined ||
+                      settings.container === window) ? $window : $(settings.container);
+
+        /* Fire one scroll event per scroll. Not one scroll event per image. */
+        if (0 === settings.event.indexOf("scroll")) {
+            $container.bind(settings.event, function() {
+                return update();
+            });
+        }
+
+        this.each(function() {
+            var self = this;
+            var $self = $(self);
+
+            self.loaded = false;
+
+            /* If no src attribute given use data:uri. */
+            if ($self.attr("src") === undefined || $self.attr("src") === false) {
+                if ($self.is("img")) {
+                    $self.attr("src", settings.placeholder);
+                }
+            }
+
+            /* When appear is triggered load original image. */
+            $self.one("appear", function() {
+                if (!this.loaded) {
+                    if (settings.appear) {
+                        var elements_left = elements.length;
+                        settings.appear.call(self, elements_left, settings);
+                    }
+                    $("<img />")
+                        .bind("load", function() {
+
+                            var original = $self.attr("data-" + settings.data_attribute);
+                            $self.hide();
+                            if ($self.is("img")) {
+                                $self.attr("src", original);
+                            } else {
+                                $self.css("background-image", "url('" + original + "')");
+                            }
+                            $self[settings.effect](settings.effect_speed);
+
+                            self.loaded = true;
+
+                            /* Remove image from array so it is not looped next time. */
+                            var temp = $.grep(elements, function(element) {
+                                return !element.loaded;
+                            });
+                            elements = $(temp);
+
+                            if (settings.load) {
+                                var elements_left = elements.length;
+                                settings.load.call(self, elements_left, settings);
+                            }
+                        })
+                        .attr("src", $self.attr("data-" + settings.data_attribute));
+                }
+            });
+
+            /* When wanted event is triggered load original image */
+            /* by triggering appear.                              */
+            if (0 !== settings.event.indexOf("scroll")) {
+                $self.bind(settings.event, function() {
+                    if (!self.loaded) {
+                        $self.trigger("appear");
+                    }
+                });
+            }
+        });
+
+        /* Check if something appears when window is resized. */
+        $window.bind("resize", function() {
+            update();
+        });
+
+        /* With IOS5 force loading images when navigating with back button. */
+        /* Non optimal workaround. */
+        if ((/(?:iphone|ipod|ipad).*os 5/gi).test(navigator.appVersion)) {
+            $window.bind("pageshow", function(event) {
+                if (event.originalEvent && event.originalEvent.persisted) {
+                    elements.each(function() {
+                        $(this).trigger("appear");
+                    });
+                }
+            });
+        }
+
+        /* Force initial check if images should appear. */
+        $(document).ready(function() {
+            update();
+        });
+
+        return this;
+    };
+
+    /* Convenience methods in jQuery namespace.           */
+    /* Use as  $.belowthefold(element, {threshold : 100, container : window}) */
+
+    $.belowthefold = function(element, settings) {
+        var fold;
+
+        if (settings.container === undefined || settings.container === window) {
+            fold = (window.innerHeight ? window.innerHeight : $window.height()) + $window.scrollTop();
+        } else {
+            fold = $(settings.container).offset().top + $(settings.container).height();
+        }
+
+        return fold <= $(element).offset().top - settings.threshold;
+    };
+
+    $.rightoffold = function(element, settings) {
+        var fold;
+
+        if (settings.container === undefined || settings.container === window) {
+            fold = $window.width() + $window.scrollLeft();
+        } else {
+            fold = $(settings.container).offset().left + $(settings.container).width();
+        }
+
+        return fold <= $(element).offset().left - settings.threshold;
+    };
+
+    $.abovethetop = function(element, settings) {
+        var fold;
+
+        if (settings.container === undefined || settings.container === window) {
+            fold = $window.scrollTop();
+        } else {
+            fold = $(settings.container).offset().top;
+        }
+
+        return fold >= $(element).offset().top + settings.threshold  + $(element).height();
+    };
+
+    $.leftofbegin = function(element, settings) {
+        var fold;
+
+        if (settings.container === undefined || settings.container === window) {
+            fold = $window.scrollLeft();
+        } else {
+            fold = $(settings.container).offset().left;
+        }
+
+        return fold >= $(element).offset().left + settings.threshold + $(element).width();
+    };
+
+    $.inviewport = function(element, settings) {
+         return !$.rightoffold(element, settings) && !$.leftofbegin(element, settings) &&
+                !$.belowthefold(element, settings) && !$.abovethetop(element, settings);
+     };
+
+    /* Custom selectors for your convenience.   */
+    /* Use as $("img:below-the-fold").something() or */
+    /* $("img").filter(":below-the-fold").something() which is faster */
+
+    $.extend($.expr[":"], {
+        "below-the-fold" : function(a) { return $.belowthefold(a, {threshold : 0}); },
+        "above-the-top"  : function(a) { return !$.belowthefold(a, {threshold : 0}); },
+        "right-of-screen": function(a) { return $.rightoffold(a, {threshold : 0}); },
+        "left-of-screen" : function(a) { return !$.rightoffold(a, {threshold : 0}); },
+        "in-viewport"    : function(a) { return $.inviewport(a, {threshold : 0}); },
+        /* Maintain BC for couple of versions. */
+        "above-the-fold" : function(a) { return !$.belowthefold(a, {threshold : 0}); },
+        "right-of-fold"  : function(a) { return $.rightoffold(a, {threshold : 0}); },
+        "left-of-fold"   : function(a) { return !$.rightoffold(a, {threshold : 0}); }
+    });
+
+})(jQuery, window, document);
\ No newline at end of file