已解決430363個問題，去搜搜看，總會有你想問的

圖片加載后如何去掉加載圖標？

首頁猿問圖片加載后如何去掉加載圖標？

圖片加載后如何去掉加載圖標？

JavaScript

慕斯709654 2023-10-20 16:30:51

我使用延遲加載來加載帶有居中背景加載圖標的圖像，但我覺得沒有必要在這個問題中包含延遲加載效果。我想在加載圖像后刪除加載圖標，因為較小的圖像可能不會覆蓋加載圖標。我使用相同的外部 CSS 文件來加載圖標。最接近的解決方案都不適合我。任何建議和幫助將不勝感激。超文本標記語言<div class="wrapper"><img class="lazy" src="https://i.stack.imgur.com/kn7VW.jpg" alt="Large Image" width="800" height="380" /></div><div class="wrapper"><img class="lazy" src="https://i.stack.imgur.com/BsJCI.jpg" alt="Small Image" width="250" height="180" /></div>CSS.wrapper {background: url(https://i.stack.imgur.com/yW2VY.gif) no-repeat center;min-height: 220px;}

查看完整描述

1 回答

DIEA

TA貢獻1820條經驗獲得超2個贊

您可以實現onload圖像事件，在其中刪除類包裝器作為

$(".lazy").on('load', function() { $('.wrapper').removeClass('wrapper'); })

更新：如果您只想刪除每個圖像的加載，請更改為僅刪除父類。

$(this).parent().removeClass('wrapper');

$(".lazy").on('load', function() { $(this).parent().removeClass('wrapper'); })

.wrapper {

background: url(https://i.stack.imgur.com/yW2VY.gif) no-repeat center;

min-height: 220px;

}

</div>

</div>

反對回復 2023-10-20

1 回答
0 關注
144 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

圖片加載后如何去掉加載圖標？

圖片加載后如何去掉加載圖標？

1 回答

添加回答

圖片加載后如何去掉加載圖標？