10
votes

JQuery Isotope - centré et fluide / réactif

Je pose une question sur isotope

C'est un grand plugin pour JQuery.

J'ai joué avec elle depuis un moment maintenant, mais je ne connais pas assez de JavaScript pour combiner deux des techniques d'isotope, Isotope réactif et isotope centré .

J'ai utilisé successivement le mod réactif et cela fonctionnait plutôt bien, sauf que je dois centrer le tout dans un div. Le mode de mise en page centré n'est pas documenté ainsi que le mode sensible, j'ai donc eu des problèmes pour le faire fonctionner. Fondamentalement, les instructions pour le mode de mise en page centré sont les suivantes:

Pour utiliser ce mod, copiez les méthodes révisées trouvées dans la source de la page de démonstration.

Malheureusement, il y a toutes sortes de choses javascript dans la source de vue et je n'ai pas assez d'expérience avec JavaScript pour le chercher et la combiner avec le script réactif que j'ai déjà travaillé.

Toute aide serait grandement appréciée.

Un site avec un exemple de travail de ce dont j'ai besoin.

Mon site que j'essaie d'expérimenter.

fonctionne mieux dans Firefox, je pense.


2 commentaires

Toute aide serait grandement appréciée.


Merci beaucoup de poser cette question! Je me suis battu avec cela depuis 9 jours!


3 Réponses :


9
votes

Voici un exemple fourni par David Desandro lui-même:

http://jsfiddle.net/desandro/p6jgy/6/


1 commentaires

C'est utile, mais cet exemple n'est pas fluide. Ce site est fluide: Aarontolley.co.uk



-1
votes

Essayez d'utiliser la transition sur votre fichier CSS pour chacune de vos classes sur la teneur en enfant. Il devrait être utile et il peut être plus slowmo

.css xxx

espère que cela fonctionne


0 commentaires

3
votes

Ce jsfiddle résoudra probablement votre problème: http://jsfiddle.net/schmidjon/6z3sn/. C'est une simple extension d'isotope avec des points d'arrêt: xxx

source: utilisant jQuery isotope pour maçonnerie dans des dispositions de fluide


2 commentaires

Notez que Les réponses de liaison uniquement sont découragées, les réponses doivent donc être le point final d'une recherche pour une solution (contre une autre halte de références, qui tendent à devenir obsolète au fil du temps). Veuillez envisager d'ajouter un synopsis autonome ici, en gardant le lien comme référence.


Bien que ce lien puisse répondre à la question, il est préférable d'inclure les parties essentielles de la réponse ici et de fournir le lien pour référence. Les réponses uniquement des liaisons peuvent devenir invalides si la page liée change.