/ アイソトープ使用時のグリッド内の固定項目 - jquery、jquery-isotope

Isotope - jquery、jquery-isotopeを使用しているときのグリッド内の固定項目

場合: 画像と2つのテキストボックスを含むグリッドを作成しました。私が使っている 同位体 グリッドをレイアウトしてシャッフルします。

問題: テキストボックスは、グリッド内で固定位置にする必要があります(シャッフルなし)。 画像はシャッフルすることができます。

質問: グリッド内の要素を修正するにはどうすればよいですか。 私はそれが行われているサイトを見つけました。 (http://www.facesofnyfw.com/) ここでは、最初のボックス(タイトルとフィルタなど)は固定されており、移動しません。

前もって感謝します、

私はあること

回答:

回答№1は6

前の答えは正しい道をたどっています、しかし同位体は「コーナースタンプ」の代わりに「スタンプ」を使う新しいバージョンをリリースしました。ドキュメントをチェックしてください ここに。それはあなたの位置を指定することができますページ上の特定の元素、それから同位体元素は、それらの下/周辺に他のすべての項目を配置します。コンテナーdivの左上隅にある要素を修正するためにそれを使用しましたが、それは魅力のように機能しました。物事を他の場所に配置するのは難しいかもしれませんが、可能だと確信しています。

HTML:

<div class="grid">
<div class="stamp stamp1"></div>
<div class="stamp stamp2"></div>
<div class="grid-item"></div>
<div class="grid-item"></div>
....
</div>

JS:

// specify itemSelector so stamps do get laid out
itemSelector: ".grid-item",
// stamp elements
stamp: ".stamp"

CSS:

/* position stamp elements with CSS */
.grid {
position: relative;
}
.stamp {
position: absolute;
background: orange;
border: 4px dotted black;
}

回答№2の場合は0

湖の石の周りを水が流れるように、画像をシャッフルさせたいですか。自分でプラグインをカスタマイズしない限り、それが達成可能だとは思わないでください。シャッフルは一度にすべての要素位置をランダム化します。 あなたはコーナースタンプを持つことができます。 プラギング作成者によって示されるように。コーナースタンプ - 最初のアイテム。除外されていません。