Javascript 在此jquery幻灯片中随机化图像
有没有一种方法可以将jquery幻灯片中的图像随机化,这样每次页面刷新时就不会从相同的图像开始 以下是HTML:Javascript 在此jquery幻灯片中随机化图像,javascript,jquery,html,css,slideshow,Javascript,Jquery,Html,Css,Slideshow,有没有一种方法可以将jquery幻灯片中的图像随机化,这样每次页面刷新时就不会从相同的图像开始 以下是HTML: <div id="slideshow"> <img src="http://image.jpg" alt="image 1" class="active"> <img src="http://image.jpg" alt="image 2" > <img src="http://image.jpg" alt="image 3" >
<div id="slideshow">
<img src="http://image.jpg" alt="image 1" class="active">
<img src="http://image.jpg" alt="image 2" >
<img src="http://image.jpg" alt="image 3" >
</div>
谢谢 您可以在页面加载时将活动类随机分配给图像标记,如:
$(document).ready(function() {
$("#slideshow img").removeClass("active");
randomDiv = $("#slideshow img").get().sort(function(){
return Math.round(Math.random())-0.5
}).slice(0,1);
$(randomDiv).addClass("active");
});
因此,每次新的img标记进入活动类,并将从该img标记开始,首先使用类编号定义所有图像。例如,“图像1”、“图像2”、“图像3”等。不要为任何图像定义活动类。然后使用此代码随机给任何图像“活动”类
$(document).ready(function() {
var random = 1 + Math.floor(Math.random() * 3);
$('.image ' + random).addClass('active');
})
如果有“n”个图像,则使用var random=1+Math.floorMath.random*n 您可以在slideswitch函数中尝试Math.random。使其在0和2之间生成,并使用它为图像编制索引,因为图像是硬编码到HTML中的。您可以让javascript在加载页面时将其切换到一个瞬间,image1将始终显示,或者您可以让javascript将这些图像元素放在一起,并随机选择.active类上的图像。
$(document).ready(function() {
var random = 1 + Math.floor(Math.random() * 3);
$('.image ' + random).addClass('active');
})