Question

的问题
这是我正确的任务问题，但我希望看到社区的想法，以及这是否是最佳方式。
作业问题
加载JS文档时，使用html预加载切片图像
我觉得会有一个。老师无法告诉学生，因为考虑给出答案。

背景
单个大图像以切片形式给出。在预加载后，必须在4行中呈现5列。

function preloaded() {

var itemDesc = setDesc();
var preload = new Array();
var loadedimages = new Array();
var countPreload = 0;

for (var r = 1; r <= 4; r++) {
    for (var c = 1; c <= 5; c++) {
        preload[countPreload] = "../../images/slices/" + itemDesc + "/" + 
        itemDesc + "_r" + r + "_c" + c + ".jpg";
        countPreload++;
    }
}
for (var i = 0; i<preload.length; i++){
    loadedimages[i] = new Image();
    loadedimages[i].src = preload[i];
  }
}

在此之后，我在我的Html onload事件中调用一个名为start的函数

function start() {
    preloaded();
}

HTML

<body onload="start();">

我会喜欢一些答案，因为我尝试了不同的解决方案，除此之外没有其他工作。

如何使用JS

0 个答案: