使用javascript添加图像链接

Question

我对JavaScript很新 我想在我的网站上添加广告横幅，以便在刷新时更改广告的图片。

到目前为止，我有这个：

<div align="center"><script type="text/javascript"><!--
var img=new Array();
img[img.length]="image1.jpeg";
img[img.length]="image2.jpeg";
img[img.length]="image3.jpeg";
img[img.length]="image4.jpeg";
img[img.length]="image5.jpeg";
var rand=Math.round(Math.random()*(img.length-1));
document.write("<img src='" + img[rand] + "' border='0' />");
//--></script></div>

任何人都可以告诉我如何链接图像？ 谢谢。 千电子伏

Answer 1

您可以添加标签并将其包装。

 <div align="center"><script type="text/javascript">
    var img=new Array();
    img[img.length]="image1.jpeg";
    img[img.length]="image2.jpeg";
    img[img.length]="image3.jpeg";
    img[img.length]="image4.jpeg";
    img[img.length]="image5.jpeg";
    var rand=Math.round(Math.random()*(img.length-1));
    document.write("<a href="#"><img src='" + img[rand] + "' border='0' /><\/a>");
</script></div>

您的img[img.length]并没有做多，因为他们都将照片分配到img [0]因为数组是emtpy。我会像这样循环并推动：

var numberOfImages = 5;

for(var i=0; i < numberOfImages; i++) {
    img[i].push('image'+(i+1)+'.jpeg'); //or =
}

另外请注意，照片必须与js文件位于同一目录/级别，因为您引用的照片没有其他路径。

最终代码：

 <div align="center"><script type="text/javascript">
    var img=new Array(),
        numberOfImages = 5; //However many images there are

    for(var i=0; i < numberOfImages; i++) { //Looping through numbers 0-4 inclusive to have 5 images
        img[i].push('image'+i+'.jpeg'); //or img[i] = 'image'+(i+1)+'.jpeg' This line adds/appends to the array.
        //That means when you do img[2] for example, it will return the 3rd image, which is 'image3.jpeg'. If you want to do img[3] to return image3, just add 1 to numberOfImages and var i = 1.

    }

    var rand=Math.round(Math.random()*(img.length-1));
    document.write("<a href="#"><img src='" + img[rand] + "' border='0' /><\/a>");
</script></div>

如果您的图像来自不同的来源或不是本地的，并且链接不是模块化的，

您可以只添加指向数组的链接，然后使用数组索引。

img[0] = "first image link";
img[1] = "second image link"; //and so on

然后，

document.write("<a href='" + img[rand] + "'><img src='" + img[rand] + "' border='0' /><\/a>");