最近用到的js外掛程式:TouchSlide.js,LazyLoad.js,
最近用到的幾個比較好用的js的外掛程式,一個是供消極式載入的lazyLoad.js,另外一個是提供滾動播放效果的TouchSlide.js
附上用法傳送門:
lazyLoad(只載入視野範圍內的圖片):http://www.cnblogs.com/ahjesus/archive/2010/10/09/1998642.html
TouchSlide(手機版本,不依賴其他的js庫):http://www.superslide2.com/TouchSlide/howToUse.html
JqueryLazyLoadjs 這個外掛程式怎使用,
給你個連結 裡面是 Jquery.LazyLoad 用法大全
www.neoease.com/...image/
教一下對於JS實現lazyload的效果
$.belowthefold = function(element, settings) { if (settings.container === undefined || settings.container === window) { var fold = $(window).height() + $(window).scrollTop() } else { var fold = $(settings.container).offset().top + $(settings.container).height() } return fold <= $(element).offset().top - settings.threshold};$.rightoffold = function(element, settings) { if (settings.container === undefined || settings.container === window) { var fold = $(window).width() + $(window).scrollLeft() } else { var fold = $(settings.container).offset().left + $(settings.container).width() } return fold <= $(element).offset().left - settings.threshold};這個是從 lazyload.js 中提取的2段代碼,先判斷 scrolltop+body.offsetHeight 是不是,在判斷螢幕左邊距加片寬度, 還有一個display:none判斷一下,希望對你有用
這樣會造成不在螢幕中的圖片沒有載入,需要再次調用才能載入圖片,