私のウェブサイトのスライドショーでは、fadeOut と fadeIn を使用して 3 つのメイン画像を循環させ、古い写真をフェードインせずに新しい写真をフェードインすることがあります。ただし、これはページが読み込まれるたびに発生するわけではありません。私のサイトはこちらです (スライドショーの変更には 7 秒かかります): http://codersarepeople.com/v2/
私が使用するコードはこれです
slideshow = new Array('#slideshow1','#slideshow2','#slideshow3');
var i = Math.floor(Math.random()*3);
$(slideshow[i]).fadeIn(125);
var t = setInterval(function() {
$(slideshow[i%3]).fadeOut(250,function() {
$(slideshow[(i+1)%3]).fadeIn(250);
});
i++;
},7000);