新建一个Flex Project,例如main
在该工程上右击选择Create Ajax Bridge,建立FABridge
在main.mxml中编写如下代码:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="bridge.*">
<ns1:FABridge bridgeName="b_main"/>
<mx:Image id="imgPhoto" source="assets/1.jpg"/>
</mx:Application>
编译代码
在AjaxBridge/main/main.html中,编写如下代码:
--- 加入2个按钮
<input type="button" value="第一张" οnclick="btn_click('1')"/>
<input type="button" value="第二张" οnclick="btn_click('2')"/>
---创建鼠标单击事件方法
<script type="text/javascript">
function btn_click(num)
{
var initCallback = function()
{
var flexApp = FABridge.b_main.root();
flexApp.getImgPhoto().setSource("assets/" + num + ".jpg");
}
FABridge.addInitializationCallback("b_main",initCallback);
}
</script>
运行AjaxBridge/main文件夹中的main.html,查看效果