2012-06-21 1 views
6

Gibt es eine Möglichkeit, ein Isotop zu erhalten, um das Gitter so zu ordnen, dass es keine Lücken gibt?Wie man ein Isotop erhält, um Lücken mit variablen Kacheln zu vermeiden

Ich sehe die Elemente in einigen der Demos Plätze wechseln, aber ich kann den Effekt nicht selbst erreichen. Wie hier: http://isotope.metafizzy.co/demos/layout-modes.html

Hier ist meine Geige: http://jsfiddle.net/crappish/zvRy5/

Wie Sie sehen können, wenn Sie das „Ergebnis“ Größe ändern, das Gitter ändert in Ordnung, aber in bestimmten Breiten, erscheinen weiße Lücken im Mosaik. Was sehr bedauerlich ist. :(

+0

als ich diese die Demos auf http://isotope.metafizzy.co/demos/ gespielt - es gibt immer auf Ändern der Größe ein Ort für eine Lücke sein - versuchen Sie, neue Elemente hier und Größe ändern: http://isotope.metafizzy.co/custom-layout-modes/maurymonygutters.html – shershen

Antwort

12

Ich schrieb meine eigene Erweiterung (perfectMasonry), die keine Lücken lässt, sondern stattdessen eine perfekte "Mauer" ausbreitet :) Ich werde versuchen, es zu veröffentlichen (GitHub, vielleicht), sobald ich g und etwas Freizeit, um es zu säubern.

Edit: Hier werden die perfectMasonry Erweiterung: https://github.com/zonear/isotope-perfectmasonry

+2

Sie Herr, sind ein Gentleman UND ein Gelehrter. – Jacksonkr

+0

Heheh. Vielen Dank! Hoffe, es funktioniert für Sie :) – crappish

+0

Ich bekomme einen 'Uncaught TypeError: Eigenschaft' _perfectMonryryReset 'des Objekts # ist keine Funktion', wenn ich die perfectMasonry versuchen - Irgendwelche Ideen? EDIT: Alles klar! Ich habe das perfectMasonry-Skript nicht korrekt kopiert! – Probocop

1

Wenn Sie this fiddle und that screenshot betrachten - während Sie die Zahlen in Ihren divs beobachten - Sie sehen, dass das nächste Mauerwerk Element (das rote Element 5) nicht in das weiße Quadrat passen kann, wie es nach Element kommen muss 4, so, wo es am Ende bedeutet, dass, mit nur drei Zeilen passend, Sie eine weiße Lücke bekommen werden.Vielleicht können Sie Isotop shuffle und reLayout Methoden verwenden und opfern die Bestellung Ihrer Elemente in einer strengen Reihenfolge?

Verwandte Themen