小编use*_*416的帖子

使用 JavaScript 同时将多个图像放入 HTML 中

编辑:这是另一个问题:我无法Z-index使用 for 循环定义每张图片。

function placeImage(x) {
    var div = document.getElementById("div_picture_right");

    div.innerHTML = ""; // clear images

    for (counter = 1; counter <= x; counter++ ) {
        var image = document.createElement("img");
        image.src = "borboleta/Borboleta" + counter + ".png";
        image.width = "195";
        image.height = "390";
        image.alt = "borboleta" + counter;
        image.id = "imagem" + counter;
        image.position = "relative";
        image.style.zIndex = counter;
        div.appendChild(image);
    }
};

window.onload = function () {
    placeImage(20);
};
Run Code Online (Sandbox Code Playgroud)
<body>
    <div id="div_wrapper">
        <div id="div_header">
            <h1>First Project</h1>
        </div> …
Run Code Online (Sandbox Code Playgroud)

html javascript image

5
推荐指数
1
解决办法
7855
查看次数

标签 统计

html ×1

image ×1

javascript ×1