gpt4 book ai didi

javascript - 具有相应属性链接的随机背景图片?

转载 作者:行者123 更新时间:2023-11-29 19:29:40 25 4
gpt4 key购买 nike

我有一个页面显示来自 5 张图片的随机背景图片。我还想在页面底部为该图像添加适当的归因链接,但我不确定如何使用 javascript 或 php 执行此操作。这就是我现在拥有的:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript" ></script>

<script type="text/javascript">
var images = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg'];
$('body').css({'background-image': 'url(/sites/default/files/images/' + images[Math.floor(Math.random() * images.length)] + ')'});
</script>

这会很好地加载背景图像,但是有没有办法为数组中的每个图像添加一个链接元素并在页面的某个位置显示链接?

最佳答案

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<!-- javascript/jQuery -->
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>

<a id ="link" href="#"></a>

<script type="text/javascript">
var images = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg'];
var links = ['home.html', 'contact.html', 'about.html', 'product.html', 'gallery.html'];
var text = ['home', 'contact', 'about', 'product', 'gallery'];
var rand = Math.floor(Math.random() * images.length);

$('body').css({'background-image': 'url(/sites/default/files/images/' + images[rand] + ')'});
$('#link').attr('href', links[rand]);
$('#link').html(text[rand]);
</script>

</body>
</html>

关于javascript - 具有相应属性链接的随机背景图片?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28688925/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com