私は単純な画像スライダーを持っていて、かなり新しいJSです。 これはスライダーのHTMLです。開始スライダーからのランダムな写真js
<a class="thumb-box scroll-to-section" href="#people">
<img src="someimg" class="peoples-img" style="display: none;">
<img src="someimg2" class="peoples-img" style="display: none;">
<img src="someimg3" class="peoples-img" style="display: none;">
<img src="someimg4" class="peoples-img" style="display: none;">
<h3 class="thumb-box__title">People</h3>
</a>
、ここでは= 0 JSコード
のvar myIndexあります。 carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("peoples-img");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
setTimeout(carousel, 2000); // Change image every 2 seconds
}
スライダはimgでimgがうまく動作しますが、画像をシャッフルするスライダを作りたいと思います。そして毎回私は別のイメージ、任意の提案を開くためにページをリロードする?
をお試しください:http://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array –