私はここに来たばかりで、困難に直面しています。
ここに私の質問があります:
以下のリンクと同じように、複数の画像をランダムに読み込みたいです。
http://priyasriartgallery.com/_test/index.html
すべての画像のサムネイルを読み込んだ後、フェードし続ける必要があります。画像がある場合、不透明度は 50% です。不透明度は 100% である必要がありますが、ランダムです。
誰でもより良いコードを作成できますか?
すべてのマスターに感謝します。
/* 以下は私のコードです */
// JQuery Init* * ** * ** * ** * ** * ***
$(document).ready(function(){
$(".box").hide();
var speed = 10; //speed in ms
$(window).load(function() {
timer= setInterval(function fadeInDiv(){
$notLoaded = $(".box").not(".loaded");
$notLoaded.eq(Math.floor(Math.random()*$notLoaded.length))
.fadeIn()
.addClass("loaded");
if ($notLoaded.length == 0) {
setTimeout(function(){
$notLoaded.eq(Math.floor(Math.random()*$notLoaded.length))
$('.box > p > img').fadeTo("slow", 1).delay(10000).fadeTo("slow", 0.5)
$('.box > img').fadeTo("slow", 0.5).delay(2000).fadeTo("slow", 1)
});
}
}
, speed);
});
});