從網(wǎng)上下載來(lái)的版本多多少少都有些BUG,尤其是加載后在IE6和IE7下圖片閃動(dòng)是個(gè)大問(wèn)題,在網(wǎng)上查了很久,也沒(méi)有找到相關(guān)的解決方案。沒(méi)解決方案,就得發(fā)揮咱DIY的精神,自己想法解決,分析了BUG,理了理思路,結(jié)合前段時(shí)間我做彈出窗口特效的方法,解決了Jquery.LazyLoad.js的兼容問(wèn)題,現(xiàn)將思路和方法與大家分享一下。
解決思路大致是兩點(diǎn),一是從LazyLoad本身的濾鏡參數(shù)下手,發(fā)現(xiàn)有一個(gè)參數(shù)在IE6和IE7是可以用的,就是show,那么在IE6和IE7下用這個(gè)特效;二是IE8以上(包括IE8)、FireFox,Chrome等非IE核心的瀏覽器對(duì)fadeIn特效都支持,那么在這些版本的瀏覽器中就使用這種酷酷的特效。
在需要使用特效的地方加上如下的代碼即可:
<script type="text/javascript" src="http://demo.jb51.net/js/2011/lazyload/Js/lazyload/jquery.js"></script>
<script type="text/javascript" src="http://demo.jb51.net/js/2011/lazyload/Js/lazyload/jquery.lazyload.js"></script>
本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)
點(diǎn)擊舉報(bào)。