javascript - 用Image对象加载的图片怎么放到页面中去？

问题描述

问 题

用Image对象加载的图片怎么放到页面中去？

比如这样：

   var preLoad = function() {
        var imagesList = ['images/1.jpg', 'images/2.jpg', 'images/3.jpg'];

        for (var i = 0; i < imagesList.length; i++) {
            var imgObject = new Image();
            imgObject.src = imagesList[i];
        }
    }();

imgObject对象中的图片此时已经预加载了，但是图片怎样插入到页面标签中呢？
没有用过new Image()做预加载,球解答

解决方案

var img = new Image();
var div = document.getElementById('foo');

img.onload = function() {
  div.appendChild(img);
};

img.src = 'path/to/image.jpg';

这篇关于javascript - 用Image对象加载的图片怎么放到页面中去？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！