随机图像背景上的链接答案

【问题标题】：link on random image background随机图像背景上的链接
【发布时间】：2014-03-19 18:16:17
【问题描述】：

我有这段代码有随机背景图片，我需要确保当有人点击图片打开网页时，每张图片一个。你能帮我吗？这是代码：

</head><body onLoad="LoadRandomBackground(); StartBackgroundRefreshTimer()">
</body>
</head>
<body onLoad="LoadRandomBackground()">
</body>


<script type="text/javascript">

var bgImages = [];
bgImages[1]="/img/sfondi/bg-stanem.jpg";
bgImages[2]="/img/sfondi/booking.jpg";


function LoadRandomBackground()
{
var randomImageIndex = Math.floor(Math.random()*bgImages.length)
document.body.background  = bgImages[randomImageIndex];

}

function StartBackgroundRefreshTimer()
{
var timer = setInterval('LoadRandomBackground()',1000); // millisecondi
}



</script>

谢谢

有人可以帮我吗？

【问题讨论】：

你遇到了什么问题？
我不知道当有人点击图片时如何添加链接。每张图片必须指向不同的链接

标签： javascript random background hyperlink onclick

【解决方案1】：

你可以创建第二个数组...

  var bgImagesUrls=[];

然后使用 bgImages 的相同索引将 url 分配给数组

然后你可以放置在 LoadRandomBackground 中

   document.<someelement>.href=bgImagesUrls[randomImageIndex];

【讨论】：

感谢您的回复，但如果我创建第二个数组，它会给我一个没有背景的白页。这是我认为我做错了什么的链接。 transfer.stanem.it

【解决方案2】：

这里有一个简短的脚本http://jsfiddle.net/d2Dmh/3/

bgImages[0]= {url: ...

在这里你可以将你想要作为目的地的 url 作为另一个参数 (destination : "url")

与

window.location = "http://www.google.com/";

您可以在文档点击功能中导航到新页面。

我的示例需要 jquery。

【讨论】：

感谢您的回复，但如果我测试脚本，它会给我一个没有背景的白页。这是我认为我做错了什么的链接。 transfer.stanem.it/index%20-%20Copia.php