[深藍(lán)]圖片延時(shí)加載插件 discuz插件 智能圖片延時(shí)加載 DZ插件
適用版本::discuzX3.2 discuzX3.1 discuzX3.0
資源類型:功能插件
為圖片延時(shí)加載?能產(chǎn)生什么作用?有沒(méi)有排錯(cuò)機(jī)制?
1. 智能隱藏用戶看不到的圖片。
2. 頁(yè)面打開(kāi)速度加快。 因?yàn)殡[藏部分用戶第一屏幕看不到的圖片。
3. 降低服務(wù)器CPU。提升服務(wù)器性能。減輕了服務(wù)器的同時(shí)訪問(wèn)的壓力。
4. 加大帶寬,節(jié)省流量。對(duì)于用戶看不到的圖片智能隱藏。對(duì)于包月流量站長(zhǎng)的福音,圖片多的網(wǎng)站使用效果拔群!
5. 滾動(dòng)頁(yè)面主動(dòng)加載被隱藏的圖片。
6. 良好的用戶體驗(yàn)。仿各大門(mén)戶網(wǎng)站新聞或者產(chǎn)品介紹中,圖片是在下拉滾動(dòng)條滾動(dòng)時(shí)加載,很不錯(cuò)的用戶體驗(yàn)。
7. 解決白圖。原生的延時(shí)加載插件不會(huì)對(duì)幻燈片有處理,此技術(shù)原因是延時(shí)加載需要滾動(dòng)條才會(huì)觸發(fā)圖片加載程序,但幻燈片是不會(huì)觸發(fā)滾動(dòng)條的,所以原生延時(shí)插件對(duì)幻燈片白圖是無(wú)解。
深藍(lán)推出此款插件可以完美的解決此問(wèn)題,更能讓廣大站長(zhǎng)輕松用上圖片延時(shí)加載功能。
具體解決方案請(qǐng)看下方文字案例《利用排除class和id的功能來(lái)應(yīng)對(duì)幻燈片白圖情況處理案例》。
8. 純綠色插件,開(kāi)啟即功能啟用,關(guān)閉則無(wú)痕關(guān)閉。
《利用排除class和id的功能來(lái)應(yīng)對(duì)幻燈片白圖情況處理案例》
1. 【必要條件】幻燈片的顯示大圖 img 標(biāo)簽【必須】具有獨(dú)特的id或者class。
2. 【設(shè)置】在插件后臺(tái) - 設(shè)置 -“忽略img標(biāo)示”,隔開(kāi)符(|),#后跟id,.后跟class。
示例代碼:
<mg src="src" class="nolazyclass">
<mg src="src" id="nolazyid">
這兩個(gè)幻燈片白圖需要處理,填寫(xiě)代碼如下:
#nolazyid|.nolazyclass
隔開(kāi)符(|),#后跟id,.后跟class
3. 【更新】真HTML的網(wǎng)站需要重新生成HTML,純動(dòng)態(tài)不需要更新。
![[深藍(lán)]圖片延時(shí)加載插件 discuz插件 智能圖片延時(shí)加載 DZ插件](/down368/allimg/151118/1_151118150847_1.jpg)
本模板地址:http://www.bmm520.net/mb/discuz/2015/1118/4975.html