用js改变backgroundImage属性,在iphone上测试,每次更换图片都会闪一下。
update:只有iphone会闪,使用了onload也闪,代码如下
function selection(num0, num1, num2) { var img = new Image(); img.src = urls[num0][1]; img.onload = function () { console.log("complete"); selections[num0].style.backgroundImage = "url(" + urls[num0][1] + ")"; list[num0].style.display = "block"; selections[num1].style.backgroundImage = "url(" + urls[num1][0] + ")"; list[num1].style.display = "none"; selections[num2].style.backgroundImage = "url(" + urls[num2][0] + ")"; list[num2].style.display = "none"; } }
js에서 배경 이미지를 변경할 때 이미지가 깜박이면 어떻게 해야 하나요? -PHP 중국어 사이트 Q&A-js 배경 이미지를 변경할 때 이미지가 깜박이는 경우 어떻게 해야 하나요? -PHP 중국어 홈페이지 Q&A
꼭 보고 배워보세요.
因为修改了图片后,新修改的图片没有下载过,所以是空白的
你可以把要修改的图片创建img标签隐藏起来,做个预加载