画像をフェードさせるこのコードがあります
$("#mix").click(function() {
$("#mix").addClass("load");
$("#brick-image").stop(true).fadeTo("slow", 0);
$("#brick-image").load(function() {
$("#mix").removeClass("load");
$("#brick-image").stop(true).fadeTo("slow", 1);
});
$("#brick-image").attr("src","build.php?bricks=RT433,RT201,RT543&ratio=40,40,20&"+new Date().getTime());
});
HTML
<div id="bricks">
<img src="build.php" id="brick-image">
</div>
<div id="mix-button">
<a href="#" id="mix" class="load">Bland igen</a>
</div>
これに伴う問題は、画像がフェードアウトしてから新しい画像がフェードインすることです。新しい画像を重ねてフェードインし、古い画像を非表示にして、最初に背景にフェードします(点滅)?
imgタグのbuild.phpは、動的なランダム画像を作成する関数です。