2 を使用してイメージ フェーダーを作成しました<div>
(1 つはイメージで、もう 1 つは複数のイメージを含む ul です)。スクリプトは、Firefox と Safari では完全に機能しますが、Chrome では適切に機能しません。最初のフェードを実行してから、停止するスクリプトはこれです
$("#second").css({
opacity: 0.0
});
$(function () {
setInterval("rotateImages()", 4000);
});
function rotateImages() {
if ($("#first").css("opacity") == 1) {
$("#first").animate({
opacity: 0.0
}, 1500);
$("#second").animate({
opacity: 1.0
}, 1500);
} else {
$("#second").animate({
opacity: 0.0
}, 1500);
$("#first").animate({
opacity: 1.0
}, 1500);
};
};
問題の正確な場所と、すべてのブラウザーでスクリプトを機能させる方法がわかりません。どんな助けでも大歓迎です
ありがとう