礼堂椅 / 影院椅 / 课桌排椅 就找大谋,电13249221223
  1. 首页
  2. ZBLOG应用
  3. ZBlog收费应用
  4. gif图片延迟加载并控制播放

gif图片延迟加载并控制播放

应用信息
gif图片延迟加载并控制播放 ZBlog收费应用 第1张 应用名: gif图片延迟加载并控制播放 售价: 38 积分
ID: dm_gifffer 作者: 大谋
最后更新: 要求:


重要提示:

1,此交易并非实物交易,因商品特殊性购买后概不退款,请考虑好再购买;
2,本站所有虚拟物品交易禁止私下传播共享,如有发现一律做封号处理;
3,商品交易的是使用权,并不包含安装修改等服务费,如有问题请在此处留言;

简介:

插件开启后会处理文章内容,将gif图片 修改为预加载第一帧的缩略图(需要IMAGE插件),并显示播放按钮,点击播放后再加载gif大文件图片,正真的延迟加载控制播放,省流量,加快网页打开速度!

注意!!

1,本插件兼容文章页面图片延迟加载,但是请将延迟默认先预加载的图更换为非gif图片比如png !!

2,一些复制粘贴过来的文章内容会有很多沉余垃圾代码,会导致的本插件无法正常识别Gif文件,请自行清理


演示:

gif图片延迟加载并控制播放 ZBlog收费应用 第2张

↑这个设置了width="100"

gif图片延迟加载并控制播放 ZBlog收费应用 第3张

↑这个设置了height="100"

gif图片延迟加载并控制播放 ZBlog收费应用 第4张

↑这个设置了style="width:100"

gif图片延迟加载并控制播放 ZBlog收费应用 第5张

↑这个设置了style="height:100"

gif图片延迟加载并控制播放 ZBlog收费应用 第6张

↑这个什么都没设置

gif图片延迟加载并控制播放 ZBlog收费应用 第7张

↑这个设置了data-wait="true"

gif图片延迟加载并控制播放 ZBlog收费应用 第8张

↑这个设置了data-wait="false"

gif图片延迟加载并控制播放 ZBlog收费应用 第9张

↑这个设置了data-label="play"

兼容延迟加载插件,真正的延迟加载播放控制gif动图

下图是测试,先加载的是IMAGE处理的缩略图

gif图片延迟加载并控制播放 ZBlog收费应用 第10张

大谋
相关推荐