javascript - 基于变量加载图像

Question

我尝试搜索几个小时，但找不到有效的答案。我想为一年中的每一天加载不同的图像。

我有一些基于日期函数创建变量的js。我将其与其他文本字符串连接起来以获得此变量:

photo2load = http://www.example.com/photos/pic132.jpg

然后我如何加载这张照片。需要什么脚本？我完全不知所措。

提前致谢。

Answer 1

您需要向图像添加一个 id 属性，然后 onload 调用一个函数，内部如下所示:

function loadMyImage(){
    var img = document.getElementById("id-of-image");
    img.src = photo2Load;
}

或者，如果您想直接传递变量，请像这样调用函数

loadMyImage( photo2Load);

function loadMyImage(imgUrl){
    var img = document.getElementById("id-of-image");
    img.src = imgUrl ;
}