1

このコードを使用して、イメージタグの 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 をトリガーすることを確認するにはどうすればよいですか? これを行う別の方法はありますか?

4

2 に答える 2

0

画像には、次のonload場所に接続できるイベントがあります。

$("detail").onload = function() 
 { do_stuff(); }  // Remember to do this BEFORE changing the src

私の経験では、それは時々少し不安定です(時々実行されないようです)。画像をプリロードし、ドキュメント全体がロードされた後にのみこの効果を許可することをお勧めします(またはonloadの代わりに)。dom:loadready

于 2010-01-07T15:56:14.170 に答える
0

交換

new Effect.Appear("images",{duration:0.8});

Event.observe("detail", 'load', function() {
    new Effect.Appear("images",{duration:0.8});
    Event.stopObserving('detail', 'load'); 
});

画像を読み込んでいることをユーザーに伝えるには、CSS の背景を画像に設定し、回転する円などを使用します。

于 2010-02-09T09:52:37.280 に答える