随机图像背景上的链接

时间:2014-03-19 18:16:18

标签: javascript random background hyperlink onclick

我有这个代码有随机背景图像,我需要确保当有人点击图片打开一个网页时,每个图像一个。你能帮我吗? 这是代码:

</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>

感谢&#39; S

有人可以帮助我吗?

2 个答案:

答案 0 :(得分:0)

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

  var bgImagesUrls=[];

然后使用bgImages

的相同索引将url分配给数组

然后你可以放在LoadRandomBackground

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

答案 1 :(得分:0)

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

bgImages[0]= {url: ...

在这里,您可以将您想要的网址作为目标放置为另一个参数(目的地:“网址”)

并且

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

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

你的例子需要jquery。