如何使用图片组件?

浏览数量: 2     作者: 小七     发布时间: 2015-12-21      来源: 本站

图片组件
 
【组件简介】 图片组件可以快速添加一张图片到页面,通过设置图片的文字、链接、形状、特效等实现丰富的单图展示效果。
 
【应用场景】 图片组件的应用场景也很广泛,比如网站Logo一般以添加图片的方式实现,通过设置图片的文字、链接、形状、特效等实现丰富的单图展示效果。图片组件也可以跟文字组件、按钮组件配合使用,达到更丰富多样的展示效果。

【使用方法】

1、如何添加图片组件?
 
第一步:找到添加组件入口。把鼠标放到要添加图片组件的区域,出现小水滴(即添加组件按钮),单击小水滴,弹出“添加组件”弹出框;

添加组件

第二步:添加“图片”组件。在基础组件中,找到“图片”组件,单击“图片”,弹出“设置图片”窗口;

图片组件

2、如何设置图片组件?

在弹出的设置图片窗口,可以设置图片的内容、风格、特效以及高级功能。

内容:

图片--内容
选择图片:首次上传这张图片,需要从“本地选择”上传,若之前曾上传过这张图片,可以单击“从资料库选择”按钮来上传这张图片,若需要删除这种图片,可以单击“清除”;

图片Alt属性:为图片添加注释。默认取图片名称,是搜索引擎对图片唯一识别的标签,请一定要填写,对网站优化有好处。并且图片无法显示时,会显示图片Alt属性;

图片Title属性:为图片链接添加注释。当鼠标悬停图片时显示的文字,对用户体验有好处。图片Alt属性与Titl属性的区别,详情请参考此链接http://www.leadong.com/id5035.html;

图片描述:在图片下方或图片上悬停的文字,可根据需要在“风格”标签中选择不同的风格;

图片链接:可以为这种图片添加链接,单击此图片即可调到这个链接;链接类型多种多样,可以根据需要选择;

图片位置:可以选择这张图片显示在这个组件中的位置为左对齐、居中或右对齐。


高级:

为了在不同终端展示更好的效果,可以分别单独在pad、手机上上传图片。也可以分别设置图片的alt属性和tile属性。

图片-高级



风格:

选择图片展示风格:可以根据需要选择此图片的展示风格,默认、圆角、圆形、相框。

选择描述展示风格:可以根据需要选择图片描述展示的位置,图片下方或图片上。

图片蒙层颜色设置:若选择的图片描述是带蒙层的,可以设置蒙层的颜色。


设置--风格

特效:

可以设置页面初次加载的图片特效,多种多样,如下图所示。

可以设置鼠标悬停图片特效。

特效

          微信公众号

阿里巴巴国际站

网站建设

知识圈

联系我们
  客服QQ:693557443
   服务顾问:18988788608  ( 微信 )
  邮箱:info@7datong.com
  地址 : 深圳市龙华区恒和国际大厦903室
Copyright © 深圳市七达通科技有限公司 All Rights Reserved 版权      互联网服务粤ICP备16005814号
   - 网站地图