Hallo Allerseits,
hoffe die Weihnachtstage sind gut überstanden und konntet sie mit euren
Liebsten verbringen.
Nun zu meiner Angelegenheit:
In meinem aktuellen Projekt habe ich die yag-gallery in Verbindung mit
isotope (http://isotope.metafizzy.co/) am laufen.
Mein Problem besteht darin, dass die Gallerie 1000+ Bilder beinhaltet
welche ich nicht auf mehrere Kategorien splitten kann/darf und dadurch
unzumutbar lange Ladezeiten oder Server-Timeouts beim Seitenaufruf
entstehen.
(Seite wird erst ausgegeben, nachdem alle Bilder geladen wurden.
Lässt sich das ausstellen, sodass die Bilder nach und nach laden, aber
die Seite bereits gerendert wurde? Könnte ich auch mit Leben.)
Meine Wunschlösung wäre die Einbindung von Infinitescroll
(http://isotope.metafizzy.co/demos/infinite-scroll.html).
Also Library eingebunden und in
"Resources/Templates/Isotope/JSTemplates/Isotope.js" folgendes Snippet
hinzugefügt:
$container.infinitescroll({
navSelector :'#page_nav', // selector for the paged navigation
nextSelector:'#page_nav a', // selector for the NEXT link (to page 2)
itemSelector:'.element', // selector for all items you'll retrieve
loading:{
finishedMsg:'No more pages to load.',
img:'images/no-more-pages.gif'
}
},
// call Isotope as a callback
function(newElements){
$container.isotope('appended',$(newElements));
}
);
Leider scheint dies aber nicht so einfach zu sein, wie ich mir das
vorgestellt habe, denn der Code greift nicht ohne weiteres.
Hat evt. schon jemand damit Erfahrungen gemacht und könnte mir
weiterhelfen oder generell eine Idee wie ich zum Ziel komme(n könnte)?
Viele Grüße aus Wiesbaden
Wulf Schmoll
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
