jquery-masonry

0熱

1答えて

私はMasonryグリッド内にアイテムを集中させようとしています。私は、グリッド自体をセンタリングすることに関して、かなりの数の関連記事を読み、試しましたが、項目については何も働いていませんでした。私がこれまで試したどのような：ががを追加しようとしたコンテナの上にmargin 0 autoを追加しようとしましたfitwidthオプションを削除/追加/削除側溝を追加/削除容器の幅。私はあ

0熱

1答えて

石造JS v4のアップ

私は古い溶液がhereに答えている石積みV4.2.0にを使用して、下から私の石工タイルを積み重ねたいと思います。しかし、古いバージョンを使用していたので、コード構造は今のものとは異なります。古いスクリプトを新しいスクリプトに適用する方法を知っている人はいますか？ドキュメントを

1熱

1答えて

jqueryの - imagesLoadedプラグイン

とinfinitescrollロードスピナー私はthisたとえば、次の（石工+ imagesLoaded + infinitescroll）を使用していますが、すべてが積載スピナー以外正常に動作しますimagesLoadedはここで、完成前に、それが隠されている私のコードは次のとおりです。 var $container = $('#masonry-grid'); // Masonry + Im

0熱

1答えて

ajaxコールで追加されたアイテムに石積みを適用する方法

私は画像グリッドを持っており、モバイルビュー（320 X 480）には、「もっと読み込む」ボタンがあります。コンテナdivは次のようになります。ボタンをクリックすると、ajax呼び出しがトリガーされます。受信した結果は、多くのそのようなグリッドアイテムのHTML文字列である： "<div class=\"grid-item\">imagex<div> <div class=\"grid-ite

1熱

3答えて

石積みのギャラリーが正しく積み重なっていない

私はStackOverflowで非常に多くの答えを探しましたが、何も助けにはならないようです。私は以下のコードを持っています。それは、（現在のテストの画像の）初期化されていない石積みがうまく積み重なっているようですが、失敗します。理由私は石積みが必要です、画像が常に整列しないためです。 JSFiddle HTML <div class='gallery'> <!-- Grid sizin

0熱

1答えて

セット高さ付きの石積み

私はいくつかの点で石工を使用しましたが、私の目には高さが設定されている（またはする必要がない）新しい効果を試してみたかったのです。これは私が取得しようとしている効果である：私はそれについて行ってきた方法は、水平方向と垂直方向と呼ばれる2つの追加クラス、高さの異なるそれぞれを追加することです。それは大丈夫と思われる。私が抱えている問題は、それが石工の効果をもたらしていないということです。私は、これ

0熱

2答えて

pageloadの後にjavascriptを適用します

私の石工のコードに問題があります。 pageloadではうまく動作しますが、石積みの中にあるアイテムはフィルタリングできます。私はこれをajaxを使って行います。そして、divの全体を要素で置き換えてフィルタリングされたアイテムを表示します。この後、メーソンリーコードは再び適用されず、分解されます。 pageload後にコンテンツが変更された場合でも、石積みが適用されたままになっていることを確認

0熱

1答えて

石積みの問題 - イメージは最初に垂直に読み込み、並べ替えます。

例 - http://paulmatheson.net/photography/nature.html 私の石工コード： <script type="text/javascript"> var $container = jQuery('#masonry-grid'); $container.imagesLoaded(function() { $container.masonry({

2熱

2答えて

メーソンリーグリッドのフッタの内容が重複しています

gridクラスには石工レイアウトを使用しましたが、grid-itemsはその列です。 $(window).load(function() { $('.grid').masonry({ // options itemSelector: '.grid-item', horizontalOrder: true, isAnimated: true, an

0熱

1答えて

.imagesLoadedは石工

で関数ではありません私のコードは、それが