1

jQueryでフォトギャラリーを作ろうとしているので、サムネイルをクリックすると、フェードインして「ズームボックス」になります。次に、次のような関数loadContentFrom(domObject)を使用して、左右の矢印でナビゲートします:

function loadContentFrom(domObject)
{
    // metaspan is gonna be the content of #zoombox :
    var metaspan = domObject.children('.metaspan');

    // set the html by fading in :
    $("#zoombox").html(metaspan.html()).fadeIn(400);
    add_left_right_arrows_to_zoombox();

    // also set the background to be clickable for exit.
    $("#exitdiv").fadeIn(400); 
}

フェードインするdomObjectをクリックすると正常に動作します。しかし、左右の矢印をクリックすると呼び出されますloadContentFrom(selectedDomObject.next('.domobject'));が、ズームボックスはすでにフェードインしているため、コンテンツがすぐに変更されます。

では、最初に現在のコンテンツをフェードアウトしてから、新しいコンテンツをフェードインするように設定するにはどうすればよいでしょうか?

ありがとう ！

4

2 に答える 2

3

このような..

function loadContentFrom(domObject)
{
    // metaspan is gonna be the content of #zoombox :
    var metaspan = domObject.children('.metaspan');

    // set the html by fading in :
    $("#zoombox").html(metaspan.html()).fadeIn(400);
    add_left_right_arrows_to_zoombox();

    // also set the background to be clickable for exit.
    $("#exitdiv").hide().fadeIn(400); 
}
于 2013-08-02T04:49:51.493 に答える