当前所在位置: 首页 » 文档帮助中心 » 图文帮助 » 组件 » 基础组件 » 如何使用图片组件？

如何使用图片组件？

浏览数量： 8 作者：本站编辑发布时间： 2016-06-28 来源：本站

询价

图片组件

【组件简介】图片组件可以快速添加一张图片到页面，通过设置图片的文字、链接、形状、特效等实现丰富的单图展示效果。

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

【使用方法】

1、如何添加图片组件？

第一步：找到添加组件入口。把鼠标放到要添加图片组件的区域，出现小水滴（即添加组件按钮），单击小水滴，弹出“添加组件”弹出框；

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

2、如何设置图片组件？

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

内容：

图片--内容

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

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

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

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

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

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

高级：

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

图片-高级