2010-07-16 51 views
1

我正在建設一個網頁,該網頁將有一個超過100箇中等大小的圖像列表,不幸的是我不會有任何訪問數據庫。通過單個網頁上的大量圖像過濾 - 無數據庫

用戶將通過圖像進行過濾並一次顯示8個(最多)。

這個想法是使用jQuery和CSS類來過濾圖像來顯示/隱藏等,但即使所有圖像都隱藏了,它們仍然必須在頁面打開後加載。

什麼是處理這個問題的最佳方式,所以頁面加載時間不會太荒謬,某種類型的java預取等等?我不確定是否有一個簡單的解決方案,但任何想法,將不勝感激!

謝謝。

回答

2

哎喲非常輕巧,聽起來像是一場噩夢。

使用jQuery/CSS實際上並不會加速使用天真的顯示/隱藏實現,但您應該能夠通過使用Ajax在用戶按下時動態加載圖像集過濾器按鈕。

另一種選擇是使用XML和XSLT作爲一種模擬數據庫(這是一個相當可怕的解決方案,但規範也有點可怕)。

+1

+1,使用jQuery的XML'模擬數據庫'可能是你最好的選擇 – pixeltocode 2010-07-16 09:35:06

+0

好的謝謝你的幫助,我會試試看。 – theorise 2010-07-19 08:05:03

0

我建議如下:

您將所有圖像存儲在文件系統中。 ,因爲每次從目錄讀取都很重,您應該讀取所​​有圖像路徑 將它們添加到某種列表或字典中並將它們存儲在緩存中。

那是表現的第一部分。 下一部分頁面本身,

當用戶加載頁面時,shell將該列表從緩存序列化到客戶端上的json對象。

從那裏很容易。你有客戶端上的所有圖像路徑allready

現在你可以創建一個jQuery圖庫或下載一個。並且每次只讀取json對象的下8個圖像。爲每一個創建一個img元素。 就是這樣。尤其是對您的服務器

:)