Inhalte automatisch nachladen

[lichtfest]

Hallo zusammen,

man kennt es von Facebook: Man scrollt in der Chronik hinunter und alle paar Seiten wird neuer Inhalt geladen.
Gibt es so soetwas auch für Contao? -> In meinem speziellen Fall habe ich eine sehr lange Newslist und das Laden der Seite dauert im Moment schon recht lange,
daher wäre diese Funktionalität wie von Seiten wie Facebook sehr praktisch.
(Ich möchte hier kein Newsarchiv verwenden)

Danke - Max

[Grossvater]

Spontan fiel mir nur das LazyLoading ein.

http://luis-almeida.github.io/unveil/
Musst dich allerdings einwenig damit beschäftigen.

[Gassi]

Hey,
schau mal hier nach:
https://community.contao.org/de/show...nfinite+scroll

Da findest du folgendes Skript für die news. Genau das was du brauchst! Brauchst nur noch das infinitescroll.js einbinden - fertig!

<script src="files/js/jquery.infinitescroll.min.js"></script>

<script>
$(document).ready(function() {
    $('#main .mod_newslist').infinitescroll({
        navSelector : "div.pagination",
        nextSelector: "div.pagination ul li a.next",
        itemSelector: "#main .mod_newslist .layout_latest",
        debug: false,
        loading: {finishedMsg: "Keine weiteren Einträge...",
        img: "files/layout/ajax-loader.gif",
        msgText: "Lade weitere Einträge"},
        animate: true,
        extraScrollPx: 20,
        bufferPx : 80,
        errorCallback: function(){},
        localMode : true
    },function(arrayofNewsElems){});
 });
</script> 

Gruss Gassi

[lichtfest]

Hey,
schau mal hier nach:
https://community.contao.org/de/show...nfinite+scroll

Da findest du folgendes Skript für die news. Genau das was du brauchst! Brauchst nur noch das infinitescroll.js einbinden - fertig!

<script src="files/js/jquery.infinitescroll.min.js"></script>

<script>
$(document).ready(function() {
    $('#main .mod_newslist').infinitescroll({
        navSelector : "div.pagination",
        nextSelector: "div.pagination ul li a.next",
        itemSelector: "#main .mod_newslist .layout_latest",
        debug: false,
        loading: {finishedMsg: "Keine weiteren Einträge...",
        img: "files/layout/ajax-loader.gif",
        msgText: "Lade weitere Einträge"},
        animate: true,
        extraScrollPx: 20,
        bufferPx : 80,
        errorCallback: function(){},
        localMode : true
    },function(arrayofNewsElems){});
 });
</script> 

Gruss Gassi

Danke! Kannst Du mir bitte noch einen Tipp geben wie ich jquery in Contao aktiviere.
Im Seitenlayout habe ich derzeit moo_accordion und moo_mediabox aktiviert. Dadurch lädt Contao anscheinend automatisch die mootols-core.js und mootools-more.js rein.

[lichtfest]

Danke! Kannst Du mir bitte noch einen Tipp geben wie ich jquery in Contao aktiviere.
Im Seitenlayout habe ich derzeit moo_accordion und moo_mediabox aktiviert. Dadurch lädt Contao anscheinend automatisch die mootols-core.js und mootools-more.js rein.

Zur Info: Ich habe für diese Frage jetzt einen eigenen Thread geöffnet.

[Grossvater]

Gibt derzeit zu diesem Thread auch einen Interessanten Artikel auf t3n.de bezüglich SEO

http://t3n.de/news/infinite-scrolling-seo-528951/