SetInterval jquery関数を使用して、いくつかの画像のスライドショーを追加しました。画像ソースは配列内に保存され、各画像の表示の時間間隔も配列に保存されます.コードは機能していますが、追加したい持続時間と不透明度を持つ各画像のフェードインとフェードアウト、どうすればできますか。使用したコードは
//timearray- is array storing time for each image
//imagearray- is array storing each image source
//image_div-is div tag in which images are displayed
// total 5 images -so used count inside setInterval
function imageshow() {
var imgfade = setInterval(function () {
$("#img_div").css("background", "url('" + imagearray[count] + "')");
clearInterval(imgfade);
if (count < 4) {
count++;
} else {
count = 0;
};
imageshow()
}, timearray[count]);
}
imageshow();
画像ごとに、fadeIn と FadeOut を使用する必要があります。