如何使用图片组件？
浏览数量： 2 作者： 小七 发布时间： 2015-12-21 来源： 本站
图片组件
【组件简介】 图片组件可以快速添加一张图片到页面，通过设置图片的文字、链接、形状、特效等实现丰富的单图展示效果。
【应用场景】 图片组件的应用场景也很广泛，比如网站Logo一般以添加图片的方式实现，通过设置图片的文字、链接、形状、特效等实现丰富的单图展示效果。图片组件也可以跟文字组件、按钮组件配合使用，达到更丰富多样的展示效果。
【使用方法】
1、如何添加图片组件？
第一步：找到添加组件入口。把鼠标放到要添加图片组件的区域，出现小水滴（即添加组件按钮），单击小水滴，弹出“添加组件”弹出框； 
第二步：添加“图片”组件。在基础组件中，找到“图片”组件，单击“图片”，弹出“设置图片”窗口； 2、如何设置图片组件？ 在弹出的设置图片窗口，可以设置图片的内容、风格、特效以及高级功能。 内容： 选择图片：首次上传这张图片，需要从“本地选择”上传，若之前曾上传过这张图片，可以单击“从资料库选择”按钮来上传这张图片，若需要删除这种图片，可以单击“清除”； 图片Alt属性：为图片添加注释。默认取图片名称，是搜索引擎对图片唯一识别的标签，请一定要填写，对网站优化有好处。并且图片无法显示时，会显示图片Alt属性； 图片Title属性：为图片链接添加注释。当鼠标悬停图片时显示的文字，对用户体验有好处。图片Alt属性与Titl属性的区别，详情请参考此链接http://www.leadong.com/id5035.html； 图片描述：在图片下方或图片上悬停的文字，可根据需要在“风格”标签中选择不同的风格； 图片链接：可以为这种图片添加链接，单击此图片即可调到这个链接；链接类型多种多样，可以根据需要选择； 图片位置：可以选择这张图片显示在这个组件中的位置为左对齐、居中或右对齐。 高级： 为了在不同终端展示更好的效果，可以分别单独在pad、手机上上传图片。也可以分别设置图片的alt属性和tile属性。 风格： 选择图片展示风格：可以根据需要选择此图片的展示风格，默认、圆角、圆形、相框。 选择描述展示风格：可以根据需要选择图片描述展示的位置，图片下方或图片上。 图片蒙层颜色设置：若选择的图片描述是带蒙层的，可以设置蒙层的颜色。 特效： 可以设置页面初次加载的图片特效，多种多样，如下图所示。 可以设置鼠标悬停图片特效。 
