使用 javascript 向图像添加 link

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>

任何人都可以告诉我如何制作图像 link 吗？谢谢你。凯夫

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]，因为数组是空的。我会像这样循环并推送：

var numberOfImages = 5;

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

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

最终代码：

 <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>");

使用 javascript 向图像添加 link

Adding a link to an image using javascript

javascript

banner

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