如何自定义 AddThis 照片分享工具答案

【问题标题】：How to customize AddThis Photo Sharing Tool如何自定义 AddThis 照片分享工具
【发布时间】：2012-05-22 23:56:54
【问题描述】：

我正在使用AddThis' Photo Sharing Tool，我喜欢它，但我想对其进行一些自定义，但不知道该怎么做。

AddThis 表示将此代码放入您的网站：

<script type="text/javascript">
var addthis_config = {    
    services_overlay:'facebook,twitter,email,more'
}
</script>
<script type="text/javascript" 
  src="http://s7.addthis.com/js/300/addthis_widget.js"></script>

您可以通过添加服务名称来添加服务。然后你将class="addthis_shareable" 添加到图像本身，你就可以开始了。但是我想自定义 AddThis 一点，但不知道如何做到这一点。

我想：

将图标大小从 32x32 减小到 16x16。
更改项目在图像悬停时的显示速度。
如果可能的话，在淡出之前将图标显示半秒钟以向用户表明它们在那里。

任何有关上述内容的帮助将不胜感激。

这是JSFiddle of the Code

谢谢！

【问题讨论】：

标签： javascript customization addthis

【解决方案1】：

要更好地控制按钮，您需要创建它们并使用可驱动外观的属性进行配置。你会像这样添加按钮

<div class="addthis_toolbox addthis_default_style">
  <a class="addthis_button_facebook" addthis:ui_hover_delay="200" addthis:ui_delay="500"></></a>
  <a class="addthis_button_twitter" addthis:ui_hover_delay="200" addthis:ui_delay="500"></a>
  <a class="addthis_button_email" addthis:ui_hover_delay="200" addthis:ui_delay="500"></a>
</div>

打印菜单可能会出现，因为在服务配置中添加了“更多”。如果删除不起作用，请尝试将配置对象中的“services_exclude”设置为“print”

【讨论】：

显示的打印图标与此脚本冲突：var addthis_config = {"data_track_clickback":true}; 删除后图标消失。
ui_hover_delay 不再列为addthis_config Variable。