带有随机链接的随机图像答案

【问题标题】：Random Image with Random Links带有随机链接的随机图像
【发布时间】：2016-05-20 22:37:21
【问题描述】：

<html>
<body>
<script>

var images_src = ["PrizeImage-1","PrizeImage-2","PrizeImage-3",];
var links = ["Participate1","Participate2","Participate3","Participate4",];

</script>
<a href="random_link" ><img src='random_img' alt='image'></a>
</body>
</html>

如何在单个 HTML 页面中调用带有随机图像的随机链接

【问题讨论】：

您需要更详细地描述您想要实现的目标和尝试过的目标。
我只有一个 HTML 页面，并且有数百个图像和链接。我想在单个 HTML 页面中显示带有随机链接的随机图片
链接是否来自json，它们是否在页面上的数组变量中，它们是一个巨大的字符串吗？图像标签是否已经存在，它们上面有什么 css？你什么时候做这个映射，用户可以改变它吗？你试过什么javascript？这只是您需要提供的详细信息的开始，否则您的问题会含糊不清并违反堆栈指南。
我已经更新了代码，请检查@Blue

标签： javascript html random

【解决方案1】：

如果你想用随机值设置图像和链接，你可以这样做：

HTML

<a href="random_link" id="linkEl"><img id='imgEl' src='random_img' alt='image'></a>

JAVASCRIPT

var Links = ["Link1" , "Link2" , "Link3" , "Link4"];
var images_src = ["Image1" , "Image3" , "Image3" , "Image4"];

var randomLink = Links[parseInt(Math.random()*Links.length)]; //Get random link (with random number from 0 to the link array's length
var randomImage= images_src[parseInt(Math.random()*images_src.length)];//Get random image
var linkEl = document.getElementById('linkEl'); //Get link element
var imgEl = document.getElementById('imgEl'); //Get image eement

linkEl.href = randomLink; //Set the link
imgEl.src = randomImage; //Set the image

要获得更多功能，您应该提供更多细节，但这可能会让您充满希望。

--- 编辑---

要将代码重复用于多个图像，请将其放在一个函数中

var Links = ["Link1" , "Link2" , "Link3" , "Link4"];
var images_src = ["Image1" , "Image3" , "Image3" , "Image4"];

function fillRandom(imageId, linkId) {
    var randomLink = Links[parseInt(Math.random()*Links.length)]; //Get random link (with random number from 0 to the link array's length
    var randomImage= images_src[parseInt(Math.random()*images_src.length)];//Get random image
    var linkEl = document.getElementById(linkId); //Get link element
    var imgEl = document.getElementById(imageId); //Get image eement

    linkEl.href = randomLink; //Set the link
    imgEl.src = randomImage; //Set the image
}

然后调用该函数的次数与您拥有的图像一样多：

fillRandom('imageId', 'linkId');
fillRandom('secondImageId', 'secondLinkId');

【讨论】：

当您编辑您的问题时，请在下方添加一个编辑部分，而不是替换值 - 这样您所做的更改会更加清晰。在这种情况下，您只更改了链接和图像的字符串？就代码而言，字符串是什么无关紧要。该代码将生成一个随机数并从数组中选择该位置。
@EhsanQureshi，您提供的代码/解释中没有任何“外部”内容。请更具体地说明您想要什么，您已经拥有什么，以及您的实际问题是什么。
该解决方案适用于图像的外部链接。
如果这真的是 sbd.可以赢得一些东西，请联系一些认真的开发人员为您实施。你可以在这样的事情上犯很多错误，你要为此负责。
感谢@JoaoQuental 先生 .. 它工作得很好.. （尊重）