1

div内の画像を水平方向に中央揃えするjQueryスクリプトがあります。これは、Pikachoose スライダーに読み込まれた最初の画像にはうまく機能しますが、Pikachoose がスライドを変更したときにスクリプトを再初期化して、次の画像を垂直方向および水平方向の中央に配置する必要があります。

画像で動作する垂直/中央スクリプトは次のとおりです。

$(window).load(function(){
    var $img = $('img.galleryfull');
    var h = $img.height();
    $img.css('margin-top', +h / -2 + "px");
    var w = $img.width();
    $img.css('margin-left', +w / -2 + "px");
});

PikaChoose が次の画像をギャラリーにロードするときにこれを再初期化するにはどうすればよいですか?

4

1 に答える 1

0

ドキュメントによると、animationComplete使用できるコールバックがあります。このようなものはうまくいくはずです...

コードを関数でラップします。

function centreImage() {
    var $img = $('img.galleryfull');
    var h = $img.height();
    $img.css('margin-top', +h / -2 + "px");
    var w = $img.width();
    $img.css('margin-left', +w / -2 + "px");
}

ページの読み込み時に関数を呼び出します。

$(window).load( centreImage());

画像が変更されたときに関数を呼び出します。

$("#id").PikaChoose({animationFinished: centreImage});
于 2013-06-16T23:44:41.390 に答える