图片

简介

图片控件（img）用于向页面中嵌入图像，图片的链接地址由属性src决定.

使用方法

1. 静态框架使用方法仅EAS7.5版本

<wafctrl:img src="" height="69" width="196"></wafctrl:img>

2. JS动态创建EAS8.0+

var options = {src:'', title:'img' ,id:'img'}; 
var dom = waf.createDOM("img", options);
waf.appendDOM(waf("body"), dom);
waf.initComponent("img", options, dom);

3. 通用DOM创建EAS8.0+

<img id="img" ctrlrole="img" data-domcreated="true" src="...">
<!--DOM创建好之后，使用js初始化控件-->
waf("#img").wafImg(options);

4. 方法&事件使用EAS7.5+

//获取或设置属性
waf("#id").wafImg('option', parameter...);
//eg:更改事件
waf("#id").wafImg("option","onclick",fn);

属性说明

id String 缺省值: null EAS7.5+

定义图片控件的id.

src String 缺省值: null EAS7.5+

定义图片的链接，可以接收EL表达式.

title String 缺省值: null EAS7.5+

定义当鼠标停在图片上时所提示的文字描述.

width String 缺省值: null EAS7.5+

定义图片的显示宽度.

height String 缺省值: null EAS7.5+

定义图片的显示高度.

hidden Boolean 缺省值: false EAS7.5+

定义图片是否隐藏，默认值为false.

tagClass String 缺省值: null EAS7.5+

定义图片的样式类.

style String 缺省值: null EAS7.5+

定义图片的样式.

Alt string 缺省值: null EAS8.0+

定义在图像无法显示时的替代文本.

事件说明

onclick 参数: (event) EAS7.5+

​单击图片时将触发onclick事件 参考样例

• 参数说明:
          - event对象
  

样例集合

1. 图片属性
2. 图片动态化示例