0

こんにちは、ページの読み込み時にマンソンリーの場所でアイテムが置き換えられたときにアニメーションを取得したいのですが、ページのサイズが変更されたときではありません。

ここに私のコードがあります:

  $(function(){
        var blogpost = $('#blogG');

         blogpost.imagesLoaded(function(){
                blogpost.masonry({
                         isAnimated: true,
                        animationOptions: {
                            duration: 750,
                            easing: 'linear',
                            queue: false
                        },
                        itemSelector:'.blogposts',
                        isResizable:true

            });
        }); 
});

と私のオンライン例: www.mupiz.com/blog/

ありがとう！

4

2 に答える 2

1

設定しisResizable: falseます。Masonry docsにあります。

于 2013-04-24T19:06:50.730 に答える
0

次にオンロードアニメーションを作ります。1 石積みのブロックにクラスを追加:
コード css:

.box.masonry{
    -webkit-transition-property: left, right, top;
    -moz-transition-property: left, right, top;
    -o-transition-property: left, right, top;
    transition-property: left, right, top;

    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

そして、石積みを初期化した後、ブラウザのサイズ変更トランジションで要素のbe courseからこのクラスを2回ドロップします。
コードjs:

$('.box.masonry').parent().bind( 'transitionend', function() {
    $('.box.masonry').removeClass('masonry'); 
});
于 2013-09-02T13:39:59.563 に答える