0

シナリオ

私は角度付きjsで同位体プラグイン（http://isotope.metafizzy.co/）を使用しています。サムネイル画像をクリックすると、「拡張」クラスを追加し、幅と高さを増やして 4 つのボックスを占有します。

これはできますか?:

「最後の行」のサムネイル画像をクリックすると、4 つの tumbnails を占めていますが、下に成長して空のスペースが作成されます。添付画像の通り。いずれにせよ空の空白がないように、サムネイルを上方向に拡張する方法はありますか

ここに画像の説明を入力

コードスニペット

 $grid = $('.grid');
    $grid.isotope({
        itemSelector: '.grid-item',
        masonry: {
            columnWidth: 205
        },
        gutter: 0,
        onLayout: function ($elems, instance) {  
            $elems.show(); // initially elements were hidden and dislayed when all of them rendered
        }
    }
4

1 に答える 1

1

拡張時に他の要素を削除または非表示にしない限り、石積みは以前と同じスペースに大きな要素を収めることができなくなります。また、ある画像を別の画像で覆うこともありません。

他の画像の上に拡大する簡単な解決策があるとは思いませんが、div の拡大と空のスペースの作成を停止する必要がある場合は、画像コレクションから 2 つのランダムな要素を非表示にしてみてください (除外選択したもの) を拡張機能で使用し、石積みが正しくリジグするかどうかを確認します。

于 2013-10-22T09:14:10.350 に答える