![](/img/trans.png)
[英]adding sharing buttons (like “addtoany”) to a single image in lightbox plugin
[英]Share button not sharing the respective image on social using AddToAny plugin
我在我的網站上使用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>
更新:
將其與自定義 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
頁面 url,圖片見下文或閱讀文檔了解更多信息
<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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.