Jquery最好的案例場景

Question

我加載了一堆圖像，爲GUI選擇我的客戶產品的屬性。

是否最好在開始時預加載所有圖像（我猜這會花費一些時間），然後讓GUI具有完整的功能，或者是更好地實時加載圖像。

基本上我正在製作一個圖片/海報框架應用程序。我有大約20個以上的框架可供用戶選擇，當單擊一個框架時，我會更改GUI中顯示框上的框架圖像。

我正在使用Jquery。任何見解都會對這個最好的情況有所幫助。

如果我將預加載所有圖像，我如何將這些加載條之一放在屏幕上，就像您在Flash中看到的那樣，或者像我在Ajax中看到的加載gif一樣？

感謝

邁克

Answer 1

爲什麼不這樣做呢？

您可以懶洋洋地加載圖片，但也可以掛載$(document).ready()預加載圖片。這樣，如果用戶在預加載之前訪問圖像，則會進入;如果用戶等待足夠長的時間，它將是瞬間的。

這種技術是常見的，如菜單式翻車。

Answer 2

正確的答案取決於許多因素。圖像有多大，有多少？在開始時加載所有圖像會導致嚴重滯後嗎？ As Jeff Atwood said性能是一項功能。

我會在更好的表現應用程序的一側犯錯，而不是在前面加載所有內容。

Answer 3

取決於幀圖像的大小...如果它們像1-2K一樣小，我會加載圖像dynamicaly，否則你可以預加載，但一定要設置標題的權利，所以只有一次讀取和提取從下次緩存。

至於進度條，我建議你在Ajaxian上查看這篇文章（關於在jQuery中預載圖片並且包含進度條）。