Discuz教程网

[深蓝]图片延时加载 多重过滤 3.1 价值39元(2015.11.21更新)

[复制链接]
authicon Discuz应用中心 发表于 2015-11-22 03:25:07 | 显示全部楼层 |阅读模式
何为图片延时加载?能产生什么作用?有没有排错机制?
1. 智能隐藏用户看不到的图片。
2. 页面打开速度加快。 因为隐藏部分用户第一屏幕看不到的图片。
3. 降低服务器CPU。提升服务器性能。减轻了服务器的同时访问的压力。
4. 加大带宽,节省流量。对于用户看不到的图片智能隐藏。对于包月流量站长的福音,图片多的网站使用效果拔群!
5. 滚动页面主动加载被隐藏的图片。
6. 良好的用户体验。仿各大门户网站新闻或者产品介绍中,图片是在下拉滚动条滚动时加载,很不错的用户体验。
7. 解决白图。原生的延时加载插件不会对幻灯片有处理,此技术原因是延时加载需要滚动条才会触发图片加载程序,但幻灯片是不会触发滚动条的,所以原生延时插件对幻灯片白图是无解。
深蓝推出此款插件可以完美的解决此问题,更能让广大站长轻松用上图片延时加载功能。
具体解决方案请看下方文字案例《利用排除class和id的功能来应对幻灯片白图情况处理案例》。

8. 纯绿色插件,开启即功能启用,关闭则无痕关闭。

《利用排除class和id的功能来应对幻灯片白图情况处理案例》
1. 【必要条件】幻灯片的显示大图 img 标签【必须】具有独特的id或者class。
2. 【设置】在插件后台 - 设置 -“忽略img标示”,隔开符(|),#后跟id,.后跟class。
示例代码:
<mg src="src" class="nolazyclass">
<mg src="src" id="nolazyid">
这两个幻灯片白图需要处理,填写代码如下:
#nolazyid|.nolazyclass
隔开符(|),#后跟id,.后跟class
3. 【更新】真HTML的网站需要重新生成HTML,纯动态不需要更新。

☆★☆★【深蓝51交友中心,DZ最好的交友插件!这就是造就无数富豪的 “521交友中心” !】☆★☆★
婚恋交友是discuz最搭配的主题,也是人类永远做不完的生意。轻松开启交友功能,活跃站点气氛,消费会员积分,使用"521交友中心"就是那么简单。拥有5年的开发历程,无数功能均被精雕细琢。
内置VIP系统、积分消费功能、用户组特殊权限功能、无缝结合discuz的交友插件、无人值守,全自动盈利的交友系统,您现在就可以拥有!请抓紧时间立即抢购!
521交友中心应用中心:http://addon.discuz.com/?@dmember.plugin<<<看了才知道真的好

☆★☆★☆★☆★☆★【深蓝电子商务插件销量冠军!】☆★☆★☆★☆★
多商户商城系统,多功能商城系统,社区必备,手机端支持、微信端支持、可全网多平台!
多城市多商户商城应用中心:http://addon.discuz.com/?@tmall.plugin <<<看了才知道真的好

☆★☆★☆★☆★☆★【深蓝求职招聘系统,功能最强大的人才招聘系统!】☆★☆★☆★☆★
多城市、简历库、人才库、公司搜索、在线职位申请、收费限定查看联系方式、收费置顶招聘信息、收费发布招聘信息、手机端支持、微信端支持、可全网多平台
多城市人才招聘应用中心:http://addon.discuz.com/?@job.plugin<<<看了才知道真的好

☆★☆★☆★☆★☆★【深蓝房产楼盘系统,一键打造功能强大房产系统!】☆★☆★☆★☆★
多城市+出租+求租+出售+求购+楼盘系统+经纪人系统+收费发布信息+付费积分置顶信息+高级搜索+二级域名+伪静态+微信端
多城市房产楼盘经纪人应用中心:http://addon.discuz.com/?@house.plugin<<<看了才知道真的好


[## 深蓝永不止步推出更多精品, 注重产品实用性, 不断创新, 推出大量新奇而且非常有效的功能给大家. ##]
[## 您现在所能看到的大部分功能都是深蓝独一份, 除此处之外市面上再无相同功能. ##]

[本站插件开发目的均以无人值守, 全自动盈利为核心.]
[社区盈利系统. 解放站长双手, 让您的网站24小时不停为您盈利!!]
----------------------------欢迎大家体验,Discuz经典老插件!---------------------------------
1. 多商户团购系统==>[社区,地方站强烈推荐] : http://addon.discuz.com/?@tuan.plugin
2. 多商户商城系统==>[多功能商城系统,社区必备] : http://addon.discuz.com/?@tmall.plugin
3. 多城市分类信息===>[积分消费,自定义模型] : http://addon.discuz.com/?@info.plugin
4. 多城市品牌空间===>[不限发布,会员卡,地图] : http://addon.discuz.com/?@space.plugin
5. 多城市交友系统==>[积分消费,活跃论坛气氛] : http://addon.discuz.com/?@dmember.plugin
6. 多城市房产楼盘===>[求租, 出租, 出售, 楼盘] : http://addon.discuz.com/?@house.plugin
7. 多城市求职招聘==>[盈利清晰,收费方便] : http://addon.discuz.com/?@job.plugin
8. 深蓝插件微信访问请使用【深蓝】微信机器人==>[关联discuz,关联深蓝] : http://addon.discuz.com/?@dzweixin.plugin

合作伙伴和获奖荣誉
【2014年深蓝客户全国连锁酒吧"Muse酒吧",微信上墙互动!】
【2014年深蓝客户"梦金园",赞助央视《星光大道》《直通春晚》,活动当日销售额超10万】
【2013年Discuz!最佳技术服务提供商奖获得者!】
【2013年A5站长网强力推荐!】
【2012年Discuz!最具潜力插件奖获得者!】
【2011年Discuz!最佳人气插件奖获得者!】

深蓝图片延时 3.1 免费升级说明
修复多重过滤选择器规则

深蓝图片延时加载 3.0 免费升级说明
1. 加入自定义每屏显示数量功能
2. 加入自定义排除class、id功能
(此功能可以用在幻灯片,幻灯片是走马灯类型,一般不会触发滚动条,所以会显示白图。
使用此功能可以避免走马灯白图情况出现。)

利用排除class和id的功能来应对幻灯片白图情况处理案例:
1. 【必要条件】幻灯片的显示大图 img 标签【必须】具有独特的id或者class。
2. 【设置】在插件后台 - 设置 -“忽略img标示”,隔开符(|),#后跟id,.后跟class。
示例代码:
<mg src="src" class="nolazyclass">
<mg src="src" id="nolazyid">
这两个幻灯片白图需要处理,填写代码如下:
#nolazyid|.nolazyclass
隔开符(|),#后跟id,.后跟class
3. 【更新】真HTML的网站需要重新生成HTML,纯动态不需要更新。

2.1 免费升级说明
加入有选择的延时判断功能。图片有条件的延时加载,如果不愿意延时加载的图片,例如幻灯片。
要在img标签的class加入 nolazy。
示例代码:<img src="http://open.discuz.net/image/dev_logo_v2.png">
修改为:
<mg src="http://open.discuz.net/image/dev_logo_v2.png" class="nolazy">
此图片就不会进入延时加载程序



运行环境:discuzX2 discuzX2.5 discuzX3 discuzX3.1 discuzX3.2
适用编码:简体中文 繁体中文 简体中文UTF8 繁体中文UTF8



应用推荐:https://www.discuz.1314study.com/services.php?mod=product

应用下载地址
游客,如果您要查看本帖隐藏内容请回复





上一篇:DZX 2.5 外文版 阿拉伯文版 价值150元(2015.11.23更新)
下一篇:关键词排名往往下掉的原因大揭秘
authicon 残梦苏 发表于 2016-3-3 12:48:07 | 显示全部楼层
擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦擦
authicon 845323468 发表于 2016-3-15 13:26:03 | 显示全部楼层
时加载 多重过滤 3.1 价值39元(2015.11
authicon shinexlwq88 发表于 2016-11-12 17:20:11 | 显示全部楼层
不错是汉服女生加福禄寿
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1314学习网 ( 浙ICP备10214163号 )

GMT+8, 2025-5-3 03:55

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表