jquery-isotope

1熱

1答えて

サイトhttp://isotope.metafizzy.co/から同位体を使用し、ボタンを押してより多くのアイテムをロードする方法を実装しました。問題は、要素の最初の数だけを表示するように要素を非表示にすると、同位体グリッドは拡大縮小されません。 moreボタンを押すと、レイアウトが正確に拡大/縮小されます。それはその $grid.isotope('hideItemElements', $(t

0熱

1答えて

アイソトープパッカーレイアウトスタッキングイメージ

イメージの幅を使用するパッペリーレイアウトを作成しようとしています。それが400ピクセルかコンテナ全体の幅かにかかわらず、私は自分のイメージでスペースを埋めることを望みます。私は空白も望んでいません。誰かが私がどこに間違っているかを伝えることができますコードとコードは以下の通りです。 <div class="grid" style="width:1200px; height:100%; backg

0熱

1答えて

アイソトープ内の親要素の子をフィルタする

アイソトープを使用してデータをフィルタリングします。私はそれが<li>タグの代わりに、現在のようなulで濾過されなければならない必要 jQuery('.container-filter-cate').isotope({ itemSelector: '.list-posts', filter: ':nth-child(-n+3)' }); <script src="

1熱

1答えて

同位体1行あたり1個制限

アイソトープ石積みを使用しています。すべてがうまくいくように見えますが、アイソトープが1000pxの行に1つの画像を表示し始めているという事実があります。 400px以下で1行に1画像を表示させたいと思います。アイソトープの設定はありますか？

0熱

1答えて

アイソトープフィルタはフィルタリングされたライトギャラリー画像のみを表示する

私は自分のウェブサイト用のフィルタリングポートフォリオを作成したいと思っていますが、セットアップはすべて完了しましたが、アイソトープを使ってカテゴリをフィルタリングすると、私はイメージをクリックしてlightgalleryを起動すると、すべてのカテゴリのすべてのイメージが表示されます。特定のカテゴリの画像をlightgalleryのスライドショーに表示したいとします。私はいくつかの答えをスタッ

0熱

1答えて

iOS 9およびiOS 10.1.1を実行しているiPhone 7でアイソトップレイアウトメソッドが動作しない

私は非常に奇妙な問題に遭遇し、その根を特定できませんでした。私は従業員プロファイルの要約を表示するクライアントのWordPressサイトにセクションを作成しました。ユーザーは、同じページの投稿を展開する「もっと読む」リンクをクリックすることができます。要約テキストを完全な記事テキストに置き換えるjavascriptを（jqueryを使用して）書き、要素にクラスを追加して全幅にした後、アイソトープ

0熱

1答えて

位置を持つ同位体グリッドアイテム：相対

コンテキスト無限スクロールローディングでアイソトープグリッドレイアウトを作成したいと思います。ニーズ私は親要素.grid-itemに関連position: absoluteとその子要素を配置するために.grid-itemに相対的な位置を与える必要があります。 <div class="grid"> <article class=".grid-item" ?> <!-- positio

0熱

1答えて

イメージロード前にアイソトープが実行される

アイソトープが重複して実行されるために、アイソトープが重なってしまいます。 - ImageLoadedプラグイン（http://imagesloaded.desandro.com/）をアイソトープに適用しようとしていますが、イメージがロードされた後にアイソトープを実行するのに苦労しています。以下は私のアイソトープWITHOUT ImagesLoadedですが、誰かがこれについてどうやって行くか分

0熱

1答えて

同位体のjavascriptプラグインを使用して、どうすればギャップを取り除くことができますか？

ユーザーが投稿したすべての写真を取り込んでグリッドにレイアウトし、ブラウザのアスペクト比/解像度に応じてリフローするグリッドを作成しようとしています。アイソトープは、このための事実上のライブラリのように見えます。私が見たデモ1つにつきすべてが実装されています。私は2つの静的なサイズの画像を使用しています（ポートレート解像度は346x533、風景解像度は520x347）。写真はすべて同じサイズか、

0熱

1答えて

同位体石積みは、デモと比較して異なる出力を生成します

Isotopeを勉強しようとしています。私が試している特定のデモがあり、与えられたコードをコピーしましたfiddle here しかし出力は異なります。マイ出力：デモサイト上の出力：ブラウザが最大化されていると私は同じ画面に両方を表示しています。ここに私のページ上のコードは次のとおりです。 <html> <head> <meta name="viewport" content="