有時，圖像需要一些時間才能在瀏覽器中呈現。我想在下載實際圖像時顯示忙碌圖像，并且在下載圖像時，請刪除忙碌圖像并應顯示實際圖像。我該如何使用JQuery或任何JavaScript？
3 回答
白衣染霜花
TA貢獻1796條經驗 獲得超10個贊
我使用與@Sarfraz發布的技術類似的技術，除了隱藏元素之外，我只是操縱要加載的圖像的類。
<style type="text/css">
.loading { background-image: url(loading.gif); }
.loaderror { background-image: url(loaderror.gif); }
</style>
...
<img id="image" class="loading" />
...
<script type="text/javascript">
var img = new Image();
img.onload = function() {
i = document.getElementById('image');
i.removeAttribute('class');
i.src = img.src;
};
img.onerror = function() {
document.getElementById('image').setAttribute('class', 'loaderror');
};
img.src = 'http://path/to/image.png';
</script>
就我而言，有時圖像不會加載，因此我處理了onerror事件以更改圖像類，使其顯示錯誤的背景圖像（而不是瀏覽器的損壞的圖像圖標）。
- 3 回答
- 0 關注
- 486 瀏覽
添加回答
舉報
0/150
提交
取消