我正在尝试创建一个随机 gif 生成器。设计非常简单,只需加载 gif/img,一旦用户点击/点击它就会随机化并从数组中拉出另一个随机图像。
现在我只想让图像在单击时随机化。
目前它只在页面刷新时随机化。
HTML
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="js/rand.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
<head>
<title>Gif Generator - Prototype</title>
</head>
<body>
<h1>Gif Generator - Prototype</h1>
<section>
<p>This image is random</p>
<a href="#" class="click">
<script>
getRandomImage()
</script>
</a>
</section>
</body>
JS
var randomImage = new Array();
randomImage[0] = "images/100.jpg";
randomImage[1] = "images/200.jpg";
randomImage[2] = "images/300.jpg";
randomImage[3] = "images/400.jpg";
function getRandomImage() {
var number = Math.floor(Math.random()*randomImage.length);
document.write('<img src="'+randomImage[number]+'" />');
}
最佳答案
根据顶部的 jQuery 引用,下面是建议的解决方案:
$(function() {
$('a.click').click(function(e) {
e.preventDefault();
var number = Math.floor(Math.random()*randomImage.length);
$(this).html('<img src="'+randomImage[number]+'" />');
});
});
关于javascript - 单击后如何随机化图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27673899/