首先,妳要知道屏幕顯示區域的高度,滾動條位置和圖片的位置,例如滾動條位置是200px,屏幕高度300px,那麽當圖片距離頁面頂部的為200至(200+300)之間時,該圖片應該被顯示了。這個計算可以在滾動條滾動事件中觸發。
圖片必須具有高寬設定,否則無法正確計算。圖片的源碼應類似<img target_src="abc.gif" style="width: 200px; height:200px;" />,當需要顯示時,將圖片的src設置為target_src的值就行了,如objImg.setAttribute('src', objImg.getAttribute('target_src'));
就這麽簡單