問題タブ [jquery-isotope]

prettyPhoto を Isotope と連携させることに成功した人はいますか?

統合しましたが、アイソトープを使用して特定の画像セットを表示するようにフィルタリングすると、prettyPhoto で画像の完全なセットが取得されます。

私のテストサイトでページを見ることができます: http://wordpress.markrichardson.co.uk/wedding-photography-gallery/

私が使用しているコードは次のとおりです。

画像ギャラリーに画像をロードするために、Isotopeと無限スクロールを使用しています。Quicksearchを使用して検索機能を追加し、検索の実行後に画像をフィルター処理して同位体を再レイアウトしました。検索の前に無限スクロールを適用すると完全に機能しますが、最初に検索してから無限スクロールを適用しようとすると、読み込みアイコンなどが表示されますが、画像は読み込まれません。これが私のコードです：

私は、David DeSandro による素晴らしい Isotope プラグインを利用するフォトブログを作成中ですが、現在、プラグインをレスポンシブ/流動グリッド内で意図したとおりに機能させるのに苦労しています。

www.lewismalpas.co.uk/tumblr (デモ)

各画像は、25% の明示的な幅を持つ div (.item) 内にラップされます。画像は柔軟であるため、理論的には 4 つの画像をインラインで表示できるはずですが、現時点では 2 つしか表示されていないようです。問題を理解するために。

ページに（ポートフォリオ用の）写真の基本的なレイアウトがあります。2 つの異なるサイズのイメージ ブリックがあり、大きい方が小さい方に比例し、幅と高さがちょうど 2 倍になり、ブロックまたはウィンドウの間に余白がありません。数十個の小さなブロックと混ざった数個の大きなブロックしかありません。これはレスポンシブ デザインであるため、フルサイズのサイトでは 20% の列が 5 つ、ウィンドウ サイズが特定の幅を下回ると 33.333% の列が 3 つになり、すべて 100% の最大幅のコンテナー内に収まります。画像は CSS を使用して幅 100%、高さ自動に設定され、各ブリック内にあります。私が説明していることを説明するために、ワイヤーフレームを含めました。

私が抱えている問題は、アイソトープを流体レイアウトに対応させることです。最大幅より広いウィンドウにページをロードすると、ブロックが正確に期待どおりに配置されます。ただし、ブラウザー ウィンドウを最大幅よりも小さくすると、ブロックが非常に不安定になり始めます。次のようなバリエーションがあります。間に空の列がある 2 つの列に積み重ねられます。画像間のギャップ; 大きな画像の下に空の行を残します。

私はおそらく自分自身をうまく説明していませんが、流動的なレイアウトでIsotopeを使用した経験があり、洞察を持っている人がいるかどうか疑問に思っています.

次のコードを使用して、 http://themes.visualise.ca/visualise/のフィルター メニューからグリッドのコンテンツをフィルター処理します。

しかし、ロゴとメニューはグリッドの一部であるため、.thelogo クラスのアイテムを常に表示したままにしたいと考えています。それで、ある種の例外を追加するために何らかの構文を使用できると思いましたか? 多分もっと良い方法がありますか？

お時間を割いてご協力いただき、誠にありがとうございました。

Isotopeプラグインを使用して、アイテムをクリックすることにより、クリックされたアイテムの後に同じタイプのアイテムを配置することによってグループが形成されるソートシステムを実現しようとしています。

Isotopeのソート/フィルター関数はこの目的のために設計されていないようです。そのため、私の最初のアプローチは、.insertAfterを使用してDOMを再配置し、次に「reLayout」を起動することでした。

ただし、初期化後はDOMの順序は関係なく、Isotopeを破棄して再初期化する以外に何も機能しないようですが、それによって望ましくないスクロール位置のジャンプが発生します。

（参照： http： //jsfiddle.net/owenhoskins/r7MgY/10896/）

再初期化せずにDOM構造に基づいてアイソトープを更新する方法はありますか？

または、この目的を達成するために、並べ替え/フィルター機能とインターフェイスすることは考えられますか？

よろしくお願いします、オーウェン

誰かが私が間違っていることを理解するのを手伝ってもらえますか? isotope jquery プラグインを使用していますが、フィルタリングを除いてすべて正常に動作します..

ここで問題を再現しました --> http://jsfiddle.net/AxCCT/

これはかなり簡単に見えますが、明らかにここに明らかなものがありません。

ここの指示に従いましたhttp://isotope.metafizzy.co/docs/filtering.html

jQuery 同位体プラグインを使用しており、ページの読み込み時に特定のグループのアイテムのみを表示したいと考えています。現在、すべてのアイテムが表示されています。

http://aproposstudio.com/category/work/

たとえば、上記のリンクで、「壁画」が表示されたページをロードする方法はありますか?

ありがとう。

アイソトープについて質問です

jQuery の素晴らしいプラグインです。

私はしばらくそれをいじっていますが、2つのアイソトープテクニック、レスポンシブアイソトープとセンタリングアイソトープを組み合わせるには、javascriptについて十分に知りません。

レスポンシブ mod の使用に成功しましたが、かなりうまく機能しましたが、すべてを div 内で中央に配置する必要があります。中央レイアウト モードはレスポンシブ モードと同様に文書化されていないため、機能させるのに問題があります。基本的に、中央配置モードの説明は次のとおりです。

この mod を使用するには、デモのページ ソースにある改訂されたメソッドをコピーします。

残念ながら、ビュー ソースではあらゆる種類の JavaScript が使用されており、それを選択して、既に作業しているレスポンシブ スクリプトと組み合わせるには、JavaScript の経験が十分ではありません。

どんな助けでも大歓迎です。

必要なものの実例を掲載したサイト。

私が実験している私のサイト。

Firefoxの方がうまくいくと思います。

Jquery BBQ Hash Historyで組み合わせフィルターを使用する方法を理解しようとしています。

私がやりたいのは、ロゴ、アイデンティティ、またはブランディングによるユーザー フィルターです。ユーザーがロゴをクリックした場合、「非営利、教育、小売」などでサブフィルターできるようにしたいと思います。jquery BBQ コードを実装しなくても組み合わせフィルターが正常に機能することはわかっていますが、両方を実行したいと考えています。