Question

我正在使用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

谢谢！

Answer 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>

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

如何自定义AddThis照片共享工具

1 个答案: