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