保持圖像加載滾動DIV

我有一個圖像庫的滾動DIV內的許多圖像和圖像只有加載後，你可以在DIV中可見後，你向下滾動。這導致DIV凍結嘗試加載圖像。有什麼方法可以解決這個問題嗎？我相信它可能會與JavaScript相關。保持圖像加載滾動DIV

只是我簡單的DIV。

<div style="width:275;height:400;overflow-x:scroll;"> 

content 

</div>

來源

2012-05-16 Spencer May

既然你知道它的JavaScript相關的莫比你應該張貼的JavaScript代碼？ :) –

http://www.techrepublic.com/article/preloading-and-the-javascript-image-object/5214317

您可以用JavaScript

來源

2012-05-16 12:01:49 vimist

完美地在正確的軌道上我想要什麼！謝謝，我會在8分鐘內檢查答案。 –

理想的，很高興我可以幫助:) – vimist

您需要預載的圖片預載的圖片。如果您不想使用Javascript，請嘗試this way。

來源

2012-05-16 12:02:45 CompanyDroneFromSector7G

這將工作如果我沒有使用外部功能的圖像：/ –

我明白你的觀點，但它沒有什麼區別，因爲你仍然需要添加圖像。 – CompanyDroneFromSector7G

是的，實際上爲此目的有很多相關的庫。主要是爲了舊的瀏覽器的帶寬節省目的，但會做你想做的工作。

http://yuilibrary.com/yui/docs/imageloader/

http://www.appelsiini.net/projects/lazyload

在同一時間，如果你的圖像尺寸非常大，你有一個很長的人行，記得要隱藏（顯示：無）他們，他們成了看不見的後從視圖。

來源

2012-05-16 12:05:47 xiaoyi

嘗試使用這個懶加載腳本，它將在固定數量的像素到達可見區域之前加載圖像。這有許多選項

http://www.appelsiini.net/projects/lazyload

來源

2012-05-16 12:07:10

function expandDiv(idOfDivElement) { 
    divObj = document.getElementById(idOfDivElement); 
    var imageObj = document.createElement('img'); 
    imageObj.setAttribute('src', 'path/example_image.jpg'); 
    divObj.appendChild(imageObj); 
    // your expand div code here 
}

來源

2012-05-16 12:07:11 ShibinRagh

保持圖像加載滾動DIV

回答

相關問題