html中图片闪出的代码

当网页中有许多图片需要加载时，可能会出现图片闪出的问题。这时候我们可以使用以下代码来解决：

img {
  opacity: 0;
}
 
img.loaded {
  opacity: 1;
  transition: opacity 500ms;
}

以上代码的意思是，在CSS中将图片的不透明度设为0，在图片加载完成后再将不透明度设置为1，并添加渐变效果，达到图片不闪出的效果。

此外，我们还可以使用JavaScript来实现图片的预加载：

function preLoadImage(url) {
  var img = new Image();
  img.onload = function() {
    console.log('Image loaded');
  }
  img.src = url;
}
 
preLoadImage('/path/to/image.jpg');

以上代码的作用是在页面加载前，提前加载图片资源。这样在页面正式加载时，图片已经预先加载完成，避免了图片闪出的问题。