jQuery Masonry + Views Infinite Scroll - wer hats zum Laufen gebracht?

Ich setze die beiden Teile ein und habe natürlich das Problem auch. Aktuell lebe ich noch damit, aber ich habe mir eigentlich vorgenommen, die
Tips von hier mal auszuprobieren - leider komme ich nicht dazu.
Hast Du das schon versucht?

Hallo Leda,
die dortigen Tips gibt es in allen möglichen Varianten auch in den Drupal-Issues und ich habe jeden einzelnen Hinweis ausprobiert. Kein Erfolg!

Das imagesLoaded plugin habe ich natürlich auch genutzt aber auch hier gab es kein Happy-End.

Als Alternative gibt es noch https://drupal.org/project/masonry und https://drupal.org/project/masonry_views aber das funktioniert überhaupt nicht. Weder mit Scroller noch ohne (keine Ahnung was der Maintainer sich dabei gedacht hat)

Gerade für https://drupal.org/project/views_fluidgrid gibt es ellenlange Issues und unzählige Patches ... ein absolutes Durcheinander. Irgendwann weiß man überhaupt nicht mehr was überhaupt noch aktuell ist oder nicht. Totales Chaos. Selbst ohne "Views Infinite Scroller", nur mit dem Standard Ajax Pager, funktioniert das nicht korrekt.

Ich bin jedenfalls mit meinem Latein am Ende und kann den jQuery-Masonry-Effekt leider nicht einsetzen. Das erste Mal, dass ich bei Drupal aufgeben muss.

Ich nutze "views_fluidgrid" auf meinem alten D6-Projekt und dort funktioniert das wenigstens mit dem Ajax-Pager (und imagesLoaded Plugin) aber ich bekomme das nicht auf D7 portiert da davon nichts mehr funktioniert und nun, nach fast 10 Stunden Frust, habe ich auch keine Nerven dazu. Shice!

Also, ich verwende nur die Drupal-Module masonry und views_infinite_scroll und das jQuery Masonry v2.1.08 und der Effekt läuft wunderbar mit meiner View!
Der einzige Issue, den ich habe ist, dass eben die nachgeladenen Kacheln sich überlappen und erst beim Bewegen sich wieder mit richtigem Abstand anordnen, wie Du
das im Eingangspost beschreibst.
Wie gesagt, akut stört mich das noch nicht, aber irgendwann klemme ich mich mal dahinter.

Du nutzt also das Module https://drupal.org/project/masonry und hast den Rest "per Hand" direkt ins Template geschrieben oder wie bindest du das im View ein? Und der Infinite Scroller funktioniert auch, ohne, dass du noch etwas geändert/gepacht hast?

Ich habe rein gar nichts gepatcht und/oder ins Template geschrieben. Es wird alles über die View angesteuert.
Was ich noch habe ist jQuery Update für Version 1.7. Vielleicht ist das noch relevant.
Alle Module sind auf dem neuesten Stand.

Die View stellt unter "Format" die Masonry zur Verfügung. In den Einstellungen dazu habe ich die Spaltenbreite in Pixel eingetragen (muss durch 4 teilbar, sonst spuckt's), mehr nicht.
Mit dem Modul views_infinite_scroll kann man die "Seitennavigation" entsprechend einstellen.
Caches gelöscht und los.
Absolut problemlos, bis auf das kleine Überlappungsproblem.

Hmmm .. dann nutzt du hiervon https://drupal.org/project/masonry scheinbar noch ein etwas ältere Version. Damals war die Views-Funktionalität in diesem Modul enthalten. Danch wurde das Modul in Submodules unterteilt.

in diese hier:
https://drupal.org/project/masonry_views
https://drupal.org/project/masonry_fields
https://drupal.org/project/masonry_search

Wie aber oben schon erwähnt, wenn ich https://drupal.org/project/masonry_views aktiviere, habe ich überhaupt keinen Style/Display im Views verfügbar - dafür aber Fehlermeldungen. Ich kann es also nicht nutzen. Kein Ahnung woran das liegt. jQuery-Update ist installiert und Version 1.7.

Ich werde das jetzt nocheinmal ohne Dupalmodule versuchen und jQuery Masonry "per Hand" einbinden. Mal schauen ob ich da weiterkomme.

Habe gerade ein Eis gegessen und neue Energie :-) Danke erstmal für die Hilfe.

Du hast recht - es hat offenbar im Juni Masonry 7.x-2.0 gegeben, ich habe Masonry 7.x-1.1. Hier kann ich in den Modulen Masonry Views und Masonry Field Formatter aktivieren.
Sorry, ich bin doch etwas "veraltet" ;-), da ich das Projekt am Aufbauen bin und einige Zeit liegengelassen habe, ohne autom. Update-Check. Allerdings hoffe ich nun, dass es mir nichts zerschiesst,
wenn ich den nächsten Update mache...
Danke, dass Du den Finger draufhältst!

PS: Ein Eis - genau - hole ich mir auch gleich eines :-D

Tja - auch per Hand eingebunden, funzt das weder beim Infinite Scroller noch beim Ajax Pager. Shice hoch zehn.

ich weiß masonry macht das etwas anders, aber wenn du dien view per css durchstylest mit floats, dann sollte das doch auch rein per css gehen

Hallo caw,

mit reinem CSS bekommt man das, meiner Meinung nach, nicht gelöst. Die Rows müssen ja "ineinanderfließen".

Ich bin jetzt soweit, dass ich Masonry mit Ajax korrekt zum Laufen gebracht habe - auch das Filtern mit Exposed Filter funzt. Der Infinite Scroller will aber noch nicht so recht aber ich teste gerade noch.

ja fließen tun die nicht, weil kein javascript dahinter, aber wenn du das korrekt machst passen die sich immer dem layout an.