JiaThis™图片分享代码

最新推荐文章于 2021-09-29 15:27:33 发布

SANGLIU

最新推荐文章于 2021-09-29 15:27:33 发布

阅读量2.7k

点赞数

文章标签：图片分享

JiaThis™“图片分享”代码：

您想将网站上精美图片分享到各大微博等社交媒体上，与好友一同分享吗？JiaThis 图片分享可以帮助您！

加入下面的代码后，用户将鼠标移动到指定的图片上时，分享按钮就会出现！

图片分享：

如果您的网页中已经嵌入jia.js或jiathis_r.js，只需将以下绿色部分代码复制到JiaThis分享代码之前即可。

<script type="text/javascript">
var jiathis_config = {
    shareImg:{
        "showType":"ALL",
        "bgColor":"",
        "txtColor":"",
        "text":"",
        "services":"",
        "position":"",
        "imgwidth":"",
        "imgheight":"",
        "divname":""
    }
}
</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

divname:
div的id名称，表示只在这个div容器里按照上面的配置渲染分享功能，默认对<body>与</body>之间整个区域的图片按照上面的配置进行渲染。