Acabei de criar um portfólio de imagens com uma única página HTML, onde todas as imagens são carregadas dinamicamente. Tudo funciona muito bem até agora, com exceção do facebook META OG: IMAGE.

Como a página carrega apenas uma vez, eu posso atribuir o URL OG: IMAGE uma vez ... Mas eu realmente gostaria de ter cada foto com seu próprio OG: IMAGE, já que este é um álbum de fotos.

As fotos são carregadas clicando em uma tag --li class = "open-pic" -. Eu gostaria de mudar o valor OG: IMAGE toda vez que eu clico em uma tag --li class = "open-pic" -.

É possível? Eu encontrei coisas assim:

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

No entanto, não sei como vincular isso ao evento onclick de li.open-pic. Obrigado!

G.