Isotope Jquery: Comment combler les vides?

J'ai essayé à peu près tous seule astuce /conseil /conseils pour y parvenir, mais tout de même, j'ai eu ces vides laid espaces tout en utilisant des Isotopes.

Voici un démo montrant le problème je suis en train de vivre.

Vous voyez ces blancs? Est-il un code jquery pour faire des pièces du bas un peu combler ce flans chaque fois qu'il est?

SI nous utilisons une seule largeur pour tous les éléments, le problème n'est pas de montrer à tous. Il commence à apparaître lors de l'utilisation de largeurs différentes pour chaque élément. Isotope est pas assez intelligent pour regarder pour vider les lacunes et les combler si toute la taille de l'élément est disponible.

De l'aide? Je suis vraiment coincé!

Question complémentaire qui peut aider à résoudre ce problème :

Est-il un plugin jQuery que les éléments des forces de flotteur? Je crois qu'il pourrait contraindre les éléments de raccord pour combler les vides!

source d'informationauteur Adame Doe

  1. 20

    Par la dernière édition, il y a maintenant un packery mode de mise en isotopique. L'original de la réplique et les ajouts ultérieurs restent ci-dessous.

    Cette fonctionnalité a été demandée par d'autres comme

    En bref, la réponse actuelle semble être que, si vous voulez éviter les lacunes en tout, vous devez:

    1. Choisir une largeur fixe
    2. Soigneusement organiser vos éléments par rapport à leur taille afin de ne pas laisser d'espace possible à votre choix de largeurs.

    Bien sûr, si vos articles ne sont pas statiques dans la taille et l'emplacement, ou si vous ne pouvez pas définir la largeur, je ne peux pas imaginer que serait un travail trop bien.

    Si manuellement organiser les éléments pour combler les lacunes pour une largeur fixe conteneur ne fonctionnera pas pour vous, je vous recommande de carillon avec un +1 sur le premier lien.

    E (4.22.2013): j'ai remarqué que certains d'activité récent, donc une mise à jour rapide. Tout ceci est disponible dans la maçonnerie question n ° 141, le premier lien:

    PerfectMasonry est une mise en page de l'extension des Isotopes. Elle comble les lacunes en fournissant un "perfectMasonry" layoutMode et des options qui fournit un écart-libre de mise en page.

    Imbriquée est une bibliothèque alternative pour sans jeu de mises en page.

    Packery est une bibliothèque par le créateur de l'Isotope qui prend en charge sans jeu de mises en page et plus.

    Je n'ai personnellement pas utilisé l'un de ces (encore).

    Le dernier de tous, sur son blog à propos de Packery de la libérationDeSandro états "Finalement, je tiens à port-dessus et d'autres solutions développées dans Packery de la Maçonnerie et de l'Isotope."

    Je ne voudrais pas compter sur ce qui se passe incroyablement vite. Packery a été publié pour les 7 jours à compter de la présente édition.

    E2 (6.13.2014):

    DeSandro a publié un packery mode de mise en isotopique.

  2. 1

    J'ai essayé d'expliquer pourquoi c'est dans ce double fil qui comprend un violon pour jouer avec aussi. Il n'est pas nécessairement la largeur fixe, si vous avez de nombreux petits objets comme dans l'original de la démonstration, la probabilité d'un ajustement serré est élevé, mais pas garanti. Vous pouvez utiliser un autre plugin comme jQuery Tuiles ou d'essayer de s'adapter Wookmarks.

    Il n'est pas trivial à mettre en œuvre dans votre cas, reportez-vous ce qui est en jeu et la recherche des images se rapportant à elle, vous verrez la complexité.