艺灵设计

全部文章
×

利用淘宝图片共享插件让他人可调用自己的空间图片

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2016-08-20 15:35:49 - 阅: - 评:0 - 积分:0

摘要:
  想在自己的店铺中引用他人的空间图片需要使用懒加载技术,可data-ks-lazyload只支持img格式,如果是背景background的话......

一、淘宝禁止引用他人图片

这个问题想必看官们早已经知道了吧,很多看官在copy别人店铺代码到自己店铺后在保存时经常会看到如下提示:您不能使用他人图片空间中的图片

那有没有解决的方法呢?答案是有的!

二、懒加载技术data-ks-lazyload

下面来对这种方法的优缺点进行简单的分析:
优点:不需要将别人的图片保存到自己图片空间就可以任意调用,简单方便;
缺点:只支持img格式,不支持background形式。
也不知道官方到底有没有提供背景的方法,反正艺灵是找了好久也没有找到。还是来一个小案例吧!

2.1、利用data-ks-lazyload实现调用他人图片

  1. <img data-ks-lazyload="这里填写别人淘宝空间图片地址">

代码就是这样简单,如果看官的代码量比较多,可以使用艺灵制作的工具一键替换。软件传送地址:一键引用他人空间图片工具

三、淘宝官方授权管理

这个方法比较正规,但也有缺点!
缺点:1、必须是1钻以上的卖家才有权限!
2、30天内不能取消授权!
......
优点:未知
本来是想测试下这个的,结果自己级别不够,所以暂时无法测试。来张截图吧:淘宝图片授权管理功能需要1钻以上才能使用

那背景图片到底还能搞不能搞啊!?

当然可以啦~~~

四、淘宝图片共享插件有什么用

该工具的特点是:开启后,可以将自己新上传的图片共享出去,然后别的店铺就可以随便调用新上传的图片了。注意是新上传的图片,之前上传的图片是无法实现共享的!如果看官需要此插件,可以在文章末尾处进行下载,反之可以该干嘛干嘛去了。

五、插件使用教程

插件使用非常方法,只要安装即可!完整步骤:
1、点击360极速浏览器(8.5版本)右侧的菜单图标;
2、点击工具;
3、点击管理扩展;
4、将艺下载后的插件拖进来;
5、点击添加;此时就已经安装完成了。看官再上传的图片就可以进行让其它店铺进行调用了。插件安装教程图: 

六、插件安装后怎么查看

进入自己的图片空间,在顶部中间位置有一个下拉菜单,这个下拉菜单就是插件。配图: 

七、完整案例

说了这么多,我们还是来看一个完整的案例吧。艺灵准备了下面的代码,看官可以将下面的代码粘贴到自己店铺中看看有没有效果。

7.1、调用艺灵空间图片测试代码

  1. <!--纯img形式,无懒加载-->
  2. 纯img形式,无懒加载:<img src="//img.alicdn.com/imgextra/i4/759415648/TB2u0AeXWzyQeBjSszfXXX7OVXa-759415648.png" alt="成功引用他人空间图片">
  3. <!--background形式-->
  4. background形式:<div style="width:300px;height:300px;background:url(//img.alicdn.com/imgextra/i4/759415648/TB2u0AeXWzyQeBjSszfXXX7OVXa-759415648.png) no-repeat;"></div>

复制上面的代码后到自己店铺后台任意一个自定义模块中,点击源码--粘贴上面的代码--点击确定。正常情况下不会出现“您不能使用他人图片空间中的图片”的提示,然后我们去前台刷新页面就可以看到效果了。配图:复制代码并粘贴到自己店铺

八、插件下载

下载地址:[淘宝插件]淘宝图片共享插件  积分:0 
友情提示:建议看官在不用的时候进行禁用或卸载插件。

----------完----------

转载声明:
  若亲想转载本文到其它平台,请务必保留本文出处!
本文链接:/code/2016-08-20/432.html

若亲不想直保留地址,含蓄保留也行。艺灵不想再看到有人拿我的技术文章到他的地盘或者是其它平台做教(装)程(B)而不留下我的痕迹。文章你可以随便转载,随便修改,但请尊重艺灵的劳动成果!谢谢理解。

亲,扫个码支持一下艺灵呗~
如果您觉得本文的内容对您有所帮助,您可以用支付宝打赏下艺灵哦!

Tag: 淘宝图片 图片空间 图片共享插件 图片防盗链 图片授权 授权管理 懒加载 data-ks-lazyload

上一篇: 淘宝装修代码免费在线生成v0.5版帮助文档   下一篇: 淘宝店铺装修教程之专业版和基础版任意切换工具

评论区