頁面加載時不加載某些圖片

-1

我有一個網頁，一個簡單的index.php。用jquery，我設法設置了5個單獨的菜單。不幸的是，我不得不在我的畫廊中使用150個縮略圖圖像，並且每當我重新加載頁面時，所有這些圖片也需要加載，並且需要5-6秒。我試圖設置惰性加載jQuery插件，但它只是沒有爲我工作（它是爲滾動網站編寫的，我猜...我的是不是這樣）。頁面加載時不加載某些圖片

我正在考慮編寫一個腳本，它可以防止所有這些圖像加載，但我甚至不知道如何啓動。我的意思是，縮略圖圖像應該只在用戶點擊圖庫鏈接時才加載（儘管這是與php相同的頁面）。

來源

2013-07-22 egyeneskanyar

只要把圖片鏈接在一個單獨的屬性，如：

<img data-realsrc='realsrc'>

，然後當你需要加載他們：

$(img).attr('src', $(img).data('realsrc'));

以上是一般的實現原理。舉一個真實的例子看看小提琴：http://jsfiddle.net/3UrUZ/

順便說一句，做你做的事不是一個好習慣。我建議你使用CSS Sprites來代替很多圖像。 :)並且有很多精靈生成器來幫助創建它們。

來源

2013-07-22 16:11:33

我可能做錯了什麼，但現在我得到黑色圖像，而不是真正的縮略圖。我正在使用data-realsrc =「...」而不是img標籤中的src。 – egyeneskanyar

請張貼一些代碼，如HTML和JS代碼:) –

這就是右後。這是我的畫廊。 <？PHP的的foreach（$圖像作爲$ IMG） \t \t { \t \t \t如果（$ IMG ==復位（$圖像）） \t \t \t {

} } ？> – egyeneskanyar

頁面加載時不加載某些圖片

回答

相關問題