我目前正在使用一個Web應用程序,該應用程序的頁面顯示一個圖表(.png圖像)。在此頁面的另一部分上,有一組鏈接,單擊這些鏈接可以重新加載整個頁面,除了頁面中間的圖表外,其他外觀與以前完全相同。我想做的是單擊頁面上的鏈接后,只需更改頁面上的圖表即可。由于頁面大約100kb大,這將極大地加快處理速度,并且真的不想為了顯示此頁面而重新加載整個頁面。我一直在通過JavaScript進行此操作,到目前為止,該JavaScript可以使用以下代碼運行document.getElementById('chart').src = '/charts/10.png';問題在于,當用戶單擊鏈接時,圖表更改可能需要幾秒鐘的時間。這使用戶認為他們的點擊沒有做任何事情,或者系統響應緩慢。我想發生的是顯示一個微調器/抖動器/狀態指示器,以代替圖像加載時的位置,因此,當用戶單擊鏈接時,他們至少知道系統已經接受了輸入并正在對其進行操作。我嘗試了一些建議,甚至使用psudo超時來顯示微調框,然后再飛回圖像。我收到的一個很好的建議是使用以下內容<img src="/charts/10.png" lowsrc="/spinner.gif"/>除了微調器明顯小于顯示的圖表之外,這將是理想的選擇。還有其他想法嗎?
如何通過JavaScript加載圖像時顯示微調框
泛舟湖上清波郎朗
2019-11-26 14:37:09