このコードを使用して、イメージタグの src 属性を変更します (prototype と scriptaculous を使用):
new Effect.Fade("images",{afterFinish:
function()
{
$("detail").setAttribute("src", "img/02.jpg");
new Effect.Appear("images",{duration:0.8});
}
});
ここで、「images」はコンテナー (div) で、「detail」は img タグです。その結果、現在の画像がフェードして表示され、その後、新しい画像が突然表示されます。私の質問は、新しい画像がブラウザーによって完全に読み込まれて、Effect.Appear after をトリガーすることを確認するにはどうすればよいですか? これを行う別の方法はありますか?