Ändern Sie den Wert für OG:IMAGE mit jQuery auf

Ich nur den Aufbau einer Bild-portfolio mit einer einzelnen HTML-Seite wo alle Bilder werden dynamisch geladen. Alles funktioniert soweit Super, außer für die facebook META OG:IMAGE.

Da die Seite lädt nur einmal, kann ich zuweisen das OG:IMAGE-die URL mal...
Aber ich möchte wirklich jedes Bild mit seiner eigenen OG:IMAGE, denn dies ist ein Foto-album.

Die Bilder geladen werden, indem Sie auf eine --li class="open-pic"-- tag.
Ich möchte den OG:IMAGE mit dem Wert jedes mal wenn ich auf eine --li class="open-pic"-- tag.

Ist es möglich?
Ich fand Sachen wie diese:

$('meta[name=og\\:image]').attr('content', newImageUrl);

Aber ich weiß nicht, wie verbinden dies mit der li.open-pic-onclick-Ereignis.
Danke!

G.

InformationsquelleAutor Cospefogo | 2012-09-13

  1. 14

    Da die Seite lädt nur einmal, kann ich zuweisen das OG:IMAGE-URL nur einmal... Aber ich möchte wirklich jedes Bild mit seiner eigenen OG:IMAGE, denn dies ist ein Foto-album.

    Ändern OG-meta-tags-client-Seite ist keine tatsächliche nutzen – denn Facebook Lesen werden, werden diese tags durch die Abstreifer, das heißt, Sie wird ein HTTP-request für die URL und sehen, was in den HTML-code und die Spachtel führt keinen JavaScript.

    Lösung: Geben Sie eine einzelne URL für jedes Foto mit seiner eigenen meta-Informationen – und haben Ihre like-button/teilen Funktionen/was auch immer FB-Funktion zeigen Sie auf, dass die URL für jedes Foto.

    (Wie Sie die Dinge handhaben client-Seite spielt keine Rolle – Sie können immer noch zeigen Sie alle Fotos auf einer Seite, laden Sie neue Inhalte per AJAX, was Sie wollen – aber Sie wird separate URLs für Ihre Fotos für Sie zu erkennen, wie individuelle Open-Graph-Objekte.)

    Vielen Dank, CBroe! Ich wirklich zu schätzen Ihre Klärung. Ich arbeite auf einer wordpress-Umgebung, und nach alle, ich erstelle eine einzelne Seite für jedes Bild - es gibt kein entkommen aus, dass.

    InformationsquelleAutor CBroe

  2. 3
    $('li.open-pic').click(function(){
 $('meta[name=og\\:image]').attr('content', newImageUrl);
});
    Autsch... So einfach. Ich schäme mich für mich selbst. Dank so viel.
    keine Notwendigkeit für thankx :).. bitte vergessen Sie nicht, mark zu beantworten oder upvote, wenn das geholfen. dies könnte helfen, andere zu
    Ich glaube, das funktioniert nicht ... ja, es wird ändern Sie den Wert des meta-Tags ... aber es ist nutzlos, denn facebook wird weiterhin angezeigt, die ursprüngliche Bild, die registriert wurde in den meta-tag ... siehe CBroe Antwort ...
    Ich glaube, Sie brauchen, verwenden Sie $('meta[property="og:image"]') statt $('meta[name=og\\:Bild]')

    InformationsquelleAutor Parv Sharma

  3. 3

    Ist es der Doppelpunkt. Versuchen Sie es mit einfachen Anführungszeichen & Doppel-Zitate wie dieses:

    var imgSrc = $(this).find('img').attr('src'); //image stored as variable
$('meta[property="og:image"]').attr('content', imgSrc); //assigns meta property

    InformationsquelleAutor danwarfel

Schreibe einen Kommentar