时间戳

首页 > 解决方案 > 我需要这些图像有链接我做错了什么？

javascript - 我需要这些图像有链接我做错了什么？

问题描述

对的人，这让我发疯了，有人会直接告诉我如何使这些图像链接到诸如 test1.html、test2.html、test3.html 之类的页面，而不是告诉我要更改什么，只需粘贴整个固定代码，以便我可以测试它，我是 javascript 的新手并且讨厌它

function getRandomImage() {  
//declare an array to store the images  
var randomImage = new Array();  
  
//insert the URL of images in array  
randomImage[1] =  "frames/1.png";  
randomImage[2] =  "frames/2.png";   
randomImage[3] =  "frames/3.png";  
randomImage[4] =  "frames/4.png";  
randomImage[5] =  "frames/5.png";
randomImage[6] =  "frames/6.png";  
randomImage[7] =  "frames/7.png";  
randomImage[8] =  "frames/8.png";  
randomImage[9] =  "frames/9.png"; 
randomImage[10] = "frames/10.png";   
  
//loop to display five randomly chosen images at once  
for (let i=0; i< 1; i++) {  
//generate a number and provide to the image to generate randomly  
var number = Math.floor(Math.random()*randomImage.length);  
//print the images generated by a random number  
document.getElementById("result").innerHTML += '<a href="' + randomImage[number].href + '"><img src="'+ randomImage[number].src +'" style="width:450px" /></a>';  
}  
}  
  
       
       
       <button onclick="getRandomImage()">Show Image</button>
       
       
       
       
       <div class="container">
            <span id="result" align="center"></span>  
        </div>

标签： javascripthtml

解决方案

对于链接，您需要将您的图像和链接关联在一起，假设每个链接都有一个要关联的特定图像。因此，让我们更新您的随机图像，并且还需要用 nchor 标签包围img标签a，例如：

randomImage[1] = {
  src: "http://www.petsworld.in/blog/wp-content/uploads/2014/09/running-cute-puppies.jpg",
  href: "/index1.html"
}

// update the rest of the links accordingly, then:

'<a href="' + randomImage[number].href + '"><img src="'+ randomImage[number].src +'" style="width:450px" /></a>'

（根据评论更新）

推荐阅读