Instafeed.js

[degroschke]

Hallo zusammen

hat jemand Erfahrungen mit Instafeed?
Ich verzweifle aktuell an der "tamplate"-Ausgabe der Bilder.

So funktioniert das Script einwandfrei:

<script type="text/javascript">
    var feed = new Instafeed({
        get: 'xxx',
        tagName: 'xxx',
        clientId: 'YOUR_CLIENT_ID'
    });
    feed.run();
</script>

Sobald ich aber die Templatefunktion nutzen möchte,
wird der gesamte Seiteninhalt nicht mehr angezeigt.

<script type="text/javascript">
    var feed = new Instafeed({
        get: 'xxx',
        tagName: 'xxx',
        clientId: 'YOUR_CLIENT_ID',
        template: '<a class="animation" href="{{link}}"><img src="{{image}}" /></a>'
    });
    feed.run();
</script>

Kann mir jemand helfen? Die Googlesuche hat mir leider keine Lösung gezaubert.

Mit den besten Grüßen aus Wuppertal,

Dennis

[lucina]

Was ist 'Instafeed'? Eine Erweiterung?

[degroschke]

Instafeed ist ein JqueryScript um Bilder eines Instagramaccounts in der Seite anzeigen zu lassen.
Ich vermute, dass es irgendwas mit den {} klammern zu tun hat.

[Andreas]

Das sieht für Contao wahrscheinlich so aus wie ein Inserttag. Wie man Contao da beibringen kann hier keine Inserttags aufzulösen weiß ich jetzt auch nicht.

Du kannst mal versuchen die Instafeed Tempatevariablen e.g. mit '<<' und '>>' zu schreiben und diese dann erst von Javascript ins richtige Format zu bringen.

<script>
  var template = '<a class="animation" href="<<link>>"><img src="<<image>>" /></a>';

  template = template.replace(/(<<)|(>>)/g, function(match, p1, p2) {
    if(p1) {
      return '{{';
    }
    if(p2) {
      return '}}';
    }
  });

  var feed = new Instafeed({
    get: 'xxx',
    tagName: 'xxx',
    clientId: 'YOUR_CLIENT_ID',
    template: template
  });
  feed.run();
</script> 

Wenn Contao bei den '{{' noch immer einen Inserttag erwartet, dann schreibe es so

...
return '{' + '{';
...