刷新页面时出现图像故障

Question

当我刷新页面时，我可以看到图像故障。

#HTML

<img id="profileIcon" class="img-circle" src="/assets/be/img/norden/6.JPG?q=0.13941100 1614531096" alt="Forest" style="border: 4px solid rgb(0, 255, 92); cursor: url(&quot;https://i.imgur.com/T2QWx7Z.png&quot;), auto;">

我怎样才能避免这种情况？ 我应该考虑使用 jQuery animation 吗？ 是什么导致它出现故障？ 我该如何预防？ 我只想进行平滑的过渡刷新……并希望我的 DOM 渲染得很好。

请指教。

现场直播（请在手机中查看）

https://www.bunlongheng.com/norden?code=rithys4k

Answer 1

不用直接给图像添加边框，而是用div包裹img标签并将width 、 height和border属性分配给div 。 对于img标签，给出max-width:100% 。 给alt属性以显示占位符，直到加载图像。