Jiathis官网JiaThis博客 | 专注于社会化插件!

九/11

20

图片添加分享按钮全攻略

站长朋友们,您想将网站上精美图片分享到各大微博等社交媒体上,与好友一同分享吗?

JiaThis “图片分享”功能可以帮助您!

加入下面的代码后,将鼠标移动到指定的图片上时,分享按钮就会出现啦!不妨试一下!

如果您的网页中已经嵌入jia.jsjiathis_r.js,只需将以下加粗部分代码复制到JiaThis分享代码之前即可。

<script type=”text/javascript”>
var jiathis_config = {
shareImg:{
“showType”:”ALL”,
“bgColor”:”",
“txtColor”:”",
“text”:”",
“services”:”",
“position”:”"
“imgwidth”:”",
“imgheight”:”"
}
}
</script>

< script type=”text/javascript” src=”http://v2.jiathis.com/code/jia.js” charset=”utf-8″>< /script>

【以下参数来调整JiaThis图片分享的设置】:

showType:
图片分享按钮出现的方式,ALL表示页对面上所有图片生效,MARK表示只对页面上标记过的图片上生效。 当你设置showType为”ALL”时,您可以在图片的img元素的class属性中加入”JIATHIS_IMG_NO”来去除不想进行分享的图片。如:< img src=”http://www.jiathis.com/resource/default/images/image.jpg” class=”JIATHIS_IMG_NO” > 当你设置showType为”MARK”时:您必须要在您想要用户分享的图片img元素的class属性上加上”JIATHIS_IMG_OK”,如:<img src=”http://www.jiathis.com/resource/default/images/image.jpg”class=”JIATHIS_IMG_OK” > 否则用户无法分享页面上的任何图片。默认值为ALL

bgColor:
图片分享按钮的背景颜色,可以是CSS中color属性支持的任意值,(如#FFF或者orange)。默认的颜色是orange(橙色)。

txtColor:
图片分享按钮的文本颜色。可以是CSS中color属性支持的任意值,(如#FFF或者white)。默认的颜色是white(白色)。

text:
图片分享按钮上的文字,默认是”图片分享:”。

services:
图片分享按钮上显示的媒体,请设置为以英文逗号分隔的媒体代码

position:
显示位置,1=左上,2=左下,3=右上,4=右下,默认显示位置是3

imgwidth:
表示只对超过这个尺寸宽度的图片渲染分享功能,默认300
 
imgheight:
表示只对超过这个尺寸高度的图片渲染分享功能,默认30
 

 详细内容请参看:http://www.jiathis.com/getcode/shareimg


No tags

<<

>>

Theme Design by devolux.nh2.me