Javascript 更改Twitter和Facebook在单击时共享图像 我在哪里 我有一系列30张幻灯片，当你向下滚动页面时，会看到一个锚 附加到url（例如#day1、#day2、#day3…#day30） 我正在寻找一种方法来更改metaname=“twitter:i

更改Twitter和Facebook在单击时共享图像 我在哪里

• 我有一系列30张幻灯片，当你向下滚动页面时，会看到一个锚 附加到url（例如#day1、#day2、#day3…#day30）
• 我正在寻找一种方法来更改

  metaname=“twitter:image

  和

  meta-property=“og:image”

  因此当用户在第3天的幻灯片上时 单击时，url是对应日期的图像

  day3.jpg

• 我将从JSON格式的

  data.js

  中提取每个幻灯片的数据

scripts.js data.js

$('.twitter-slide').click(function() {
    $('meta[property="og:image"]').attr('content', 'linkToPicture');
});

var data = [
 {
   "Day": 1,
   "Slide": "#day1",
   "Description": "Hungry by early afternoon. Thinking about all foods as either forbidden or compliant constantly.",
   "Extra": "",
   "Tweet": "Hungry by early afternoon.",
   "Background": "#ffffd9",
   "Font": "#111",
   "Image": ""
 },
 {
   "Day": 2,
   "Slide": "#day2",
   "Description": "Ate a whole avocado and truckful of nuts as late afternoon snack. Still feeling low key hungry.",
   "Extra": "",
   "Tweet": "Ate a whole avocado and truckful of nuts as late afternoon snack.",
   "Background": "#ffffd9",
   "Font": "#111",
   "Image": ""
 },
 {
   "Day": 3,
   "Slide": "#day3",
   "Description": "Have three water-based beverages at my desk: Ice water, hot water and water with lemon.",
   "Extra": "",
   "Tweet": "Have three water-based beverages at my desk: Ice water, hot water and water with lemon.",
   "Background": "#ffffd9",
   "Font": "#111",
   "Image": ""
 }
]