Question

html中通过js进行预加载图片的问题

请问一下这个大图片我通过setAttribute("src","...");之后出来的图片是模糊的，我要怎样做才能使得图片不是模糊的啊？<div id="picture"> <img src="E:\天猫前端\image\8619.jpg" id="img"> </div> <div id="pictures"> <span><img src="E:\天猫前端\image\8620.jpg" class="leftPicture"></span> <span><img src="E:\天猫前端\image\8619.jpg" class="leftPicture"></span> <span><img src="E:\天猫前端\image\8616.jpg" class="leftPicture"></span> <span><img src="E:\天猫前端\image\8617.jpg" class="leftPicture"></span> <span><img src="E:\天猫前端\image\8618.jpg" class="leftPicture"></span> </div>这是javascript代码：var leftPicture = document.getElementsByClassName("leftPicture");var img = document.getElementById("img");leftPicture[1].onmouseover = function(){ img.setAttribute("src","E:/天猫前端/image/8620.jpg"); img.style.width = "360px"; img.style.height = "360px";}

Answer 1

通常你这个是因为图片资源比较小，而容器和图片显示比较大，也就说你在DOM中对图片放大了，所以才会模糊

追问

那网上说的图片预加载是怎么回事？