1

我在我的网站上使用addtoany插件。我遇到了一个问题，我的页面上有一个图像列表，每个列表都有共享按钮。现在，当我单击任何共享按钮时，我只会获得社交网站上的第一张图片。

例如，如果我单击第二个列表共享按钮，那么根据我必须获取1000*600但我正在获取600*400图像。

img {
  width: 400px;
}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" />

<div class="elements odd">
  <img src="https://dummyimage.com/600x400/000/fff">
  <!-- AddToAny BEGIN -->
  <div class="a2a_kit a2a_kit_size_32 a2a_default_style sharebtns" style="display:inline-block; text-align:center;">
    <ul>
      <li><a class="a2a_button_facebook"><i class="fab fa-facebook-f"></i></a></li>
      <li><a class="a2a_button_twitter"><i class="fab fa-twitter"></i></a></li>
      <li><a class="a2a_button_linkedin"><i class="fab fa-linkedin-in"></i></a></li>
      <li><a class="a2a_button_whatsapp"><i class="fab fa-whatsapp"></i></a></li>
      <li><a class="a2a_button_email"><i class="fas fa-envelope"></i></a></li>
    </ul>
  </div>
  <script async src="https://static.addtoany.com/menu/page.js"></script>
  <!-- AddToAny END -->
</div>
<div class="elements even">
  <img src="https://dummyimage.com/1000x600/000/fff">
  <!-- AddToAny BEGIN -->
  <div class="a2a_kit a2a_kit_size_32 a2a_default_style sharebtns" style="display:inline-block; text-align:center;">
    <ul>
      <li><a class="a2a_button_facebook"><i class="fab fa-facebook-f"></i></a></li>
      <li><a class="a2a_button_twitter"><i class="fab fa-twitter"></i></a></li>
      <li><a class="a2a_button_linkedin"><i class="fab fa-linkedin-in"></i></a></li>
      <li><a class="a2a_button_whatsapp"><i class="fab fa-whatsapp"></i></a></li>
      <li><a class="a2a_button_email"><i class="fas fa-envelope"></i></a></li>
    </ul>
  </div>
  <script async src="https://static.addtoany.com/menu/page.js"></script>
  <!-- AddToAny END -->
</div>

4

1 回答 1

0

更新：

将其与自定义 url 添加属性data-a2a-url并添加data-a2a-title到容器中

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />

<div class="elements odd">
  <img src="https://dummyimage.com/600x400/000/fff">
  <!-- AddToAny BEGIN -->
  <div class="a2a_kit a2a_kit_size_32 a2a_default_style sharebtns" 
       style="display:inline-block; text-align:center;"
       data-a2a-url="http://www.example.com/page1.html" 
       data-a2a-title="Example Page Title">
    <ul>
      <li><a class="a2a_button_facebook"><i class="fab fa-facebook-f"></i></a></li>
      <li><a class="a2a_button_twitter"><i class="fab fa-twitter"></i></a></li>
      <li><a class="a2a_button_linkedin"><i class="fab fa-linkedin-in"></i></a></li>
      <li><a class="a2a_button_whatsapp"><i class="fab fa-whatsapp"></i></a></li>
      <li><a class="a2a_button_email"><i class="fas fa-envelope"></i></a></li>
    </ul>
  </div>
  
  <!-- AddToAny END -->
</div>
<div class="elements even">
  <img src="https://dummyimage.com/1000x600/000/fff">
  <!-- AddToAny BEGIN -->
  <div class="a2a_kit a2a_kit_size_32 a2a_default_style sharebtns" 
       style="display:inline-block; text-align:center;" 
       data-a2a-url="http://www.example.com/page2.html" 
       data-a2a-title="Example Page Title">
    <ul>
      <li><a class="a2a_button_facebook"><i class="fab fa-facebook-f"></i></a></li>
      <li><a class="a2a_button_twitter"><i class="fab fa-twitter"></i></a></li>
      <li><a class="a2a_button_linkedin"><i class="fab fa-linkedin-in"></i></a></li>
      <li><a class="a2a_button_whatsapp"><i class="fab fa-whatsapp"></i></a></li>
      <li><a class="a2a_button_email"><i class="fas fa-envelope"></i></a></li>
    </ul>
  </div>
  <!-- AddToAny END -->
</div>

<script async src="https://static.addtoany.com/menu/page.js"></script>

您的代码用于共享current页面网址，图片见下文或阅读文档了解更多信息

<div>
  <img src="https://dummyimage.com/600x400/000/fff">
  <img src="https://dummyimage.com/1000x600/000/fff">
</div>

<script async src="https://static.addtoany.com/menu/page.js"></script>
<script>
  var a2a_config = a2a_config || {};
  a2a_config.overlays = a2a_config.overlays || [];
  a2a_config.overlays.push({});
</script>

于 2021-03-23T04:51:41.537 回答