Élément fixe dans la grille lors de l'utilisation d'Isotope - jquery, jquery-isotope

Cas: J'ai une grille avec des images et deux zones de texte. J'utilise Isotope pour disposer la grille et la mélanger.

Problème: Les zones de texte doivent avoir une position fixe dans la grille (pas de lecture aléatoire). Les images peuvent être mélangées.

Question: Comment puis-je corriger des éléments de la grille? J'ai trouvé un site où cela a été fait, je n'arrive pas à comprendre comment ... (http://www.facesofnyfw.com/) Ici, les premières cases (avec le titre et le filtre, ...) sont fixes et ne bougent pas.

Merci d'avance,

Ibe

Réponses:

La réponse précédente est sur le bon chemin, mais Isotope a publié une nouvelle version qui utilise "timbres" au lieu de "coins-timbres". Découvrez la documentation ici. Il vous permet de spécifier la position decertains éléments sur la page, puis isotope organisera tous les autres éléments sous / (autour?) d’eux. Je l'ai utilisé pour fixer un élément dans le coin supérieur gauche du conteneur div, et cela a fonctionné à merveille. J'imagine qu'il pourrait être plus difficile de placer les choses ailleurs, mais je suis sûr que c'est possible!

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;
}

Vous voulez que les images se mélangent comme si de l'eau coulait autour des pierres d'un lac? Ne pensez pas que cela est réalisable à moins de personnaliser vous-même le plug-in. Shuffle randomise toutes les positions d'éléments en même temps. Vous pouvez avoir un tampon d'angle si. comme le montre le créateur du pluging. Tampon d'angle - premier élément, non filtré.