Hallo,
ich habe auf meiner Seite zwei Widgetbereiche, die zahlreiche Widgets enthalten - darunter viele Bilder und Youtube-Videos.
Da dies sehr lange zum laden benötigt, möchte ich die Widgets nur dann laden lassen, wenn sie auch sichtbar wären. Praktisch wie dieses Infinite Scrolling bei Facebook.
Jetzt habe ich mich schon umgesehen, was es da so alles gibt. Gerade bei jQuery gibt es eine Menge. Allerdings werden immer externe Dateien zu Hilfe gezogen, die nach und nach rein geladen werden. Diese habe ich bei den Widgets nicht.
Wie kann ich da am besten vorgehen?
Der Quellcode für die Widgets sieht so aus:
Linker Widgetbereich:
<div class="widget_area" id="sidebar_left">
<div class="widget">
Widget 1
</div>
<div class="widget">
Widget 2
</div>
<div class="widget">
Widget 3
</div>
<div class="widget">
Widget 4
</div>
... usw
</div>Rechter Widgetbereich:
<div class="widget_area" id="sidebar_right">
<div class="widget">
Widget 1
</div>
<div class="widget">
Widget 2
</div>
<div class="widget">
Widget 3
</div>
<div class="widget">
Widget 4
</div>
... usw
</div>Bei den Plug-Ins habe ich nur Lazy Loader gefunden, die die Widgets erst dann laden, nachdem der Inhalt vollständig geladen ist. Allerdings ist dies ein Kompromiss, den ich nur ungerne eingehen möchte.
Bin für jede Hilfe dankbar!