Flex点击弹出图片窗口;
2013-08-16 09:44
381 查看
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Style>
global {
modalTransparencyBlur: 0;
modalTransparency: 0.9;
modalTransparencyColor: black;
modalTransparencyDuration: 500;
}
</mx:Style>
<mx:Script>
<![CDATA[
import mx.controls.Image;
import mx.managers.PopUpManager;
private const IMG_PREFIX:String = "http://www.helpexamples.com/flash/images/";
private function popIt(src:String):void {
var img:Image = new Image();
img.addEventListener(MouseEvent.CLICK, img_click);
img.addEventListener(Event.COMPLETE, img_complete);
img.load(IMG_PREFIX + src);
img.toolTip = img.source.toString();
PopUpManager.addPopUp(img, this, true);
}
private function img_complete(evt:Event):void {
var img:Image = evt.currentTarget as Image;
img.width = img.contentWidth;
img.height = img.contentHeight;
PopUpManager.centerPopUp(img);
}
private function img_click(evt:MouseEvent):void {
var img:Image = evt.currentTarget as Image;
PopUpManager.removePopUp(img);
}
]]>
</mx:Script>
<mx:ApplicationControlBar dock="true">
<mx:Button label="image 1" click="popIt('image1.jpg');" />
<mx:Button label="image 2" click="popIt('image2.jpg');" />
<mx:Button label="image 3" click="popIt('image3.jpg');" />
</mx:ApplicationControlBar>
</mx:Application>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Style>
global {
modalTransparencyBlur: 0;
modalTransparency: 0.9;
modalTransparencyColor: black;
modalTransparencyDuration: 500;
}
</mx:Style>
<mx:Script>
<![CDATA[
import mx.controls.Image;
import mx.managers.PopUpManager;
private const IMG_PREFIX:String = "http://www.helpexamples.com/flash/images/";
private function popIt(src:String):void {
var img:Image = new Image();
img.addEventListener(MouseEvent.CLICK, img_click);
img.addEventListener(Event.COMPLETE, img_complete);
img.load(IMG_PREFIX + src);
img.toolTip = img.source.toString();
PopUpManager.addPopUp(img, this, true);
}
private function img_complete(evt:Event):void {
var img:Image = evt.currentTarget as Image;
img.width = img.contentWidth;
img.height = img.contentHeight;
PopUpManager.centerPopUp(img);
}
private function img_click(evt:MouseEvent):void {
var img:Image = evt.currentTarget as Image;
PopUpManager.removePopUp(img);
}
]]>
</mx:Script>
<mx:ApplicationControlBar dock="true">
<mx:Button label="image 1" click="popIt('image1.jpg');" />
<mx:Button label="image 2" click="popIt('image2.jpg');" />
<mx:Button label="image 3" click="popIt('image3.jpg');" />
</mx:ApplicationControlBar>
</mx:Application>
相关文章推荐
- HTML+js+css实现点击图片弹出上传文件窗口的两种思路
- 基于JavaScript实现图片点击弹出窗口而不是保存
- Web实现点击图片弹出上传文件窗口
- 页面点击预览按钮弹出图片窗口
- HTML+js+css实现点击图片弹出上传文件窗口的两种思路
- HTML+js+css实现点击图片弹出上传文件窗口的两种思路
- 基于JavaScript实现图片点击弹出窗口而不是保存
- HTML+js+css实现点击图片弹出上传文件窗口的两种思路
- flex 在父窗口监听弹出窗口里的某个按钮被点击
- HTML+js+css实现点击图片弹出上传文件窗口的两种思路
- HTML+js+css实现点击图片弹出上传文件窗口的两种思路
- Flex里监听mouseDownOutside事件解决弹出窗口点击空白关闭功能
- 网页上如何实现点击一张图片弹出QQ聊天窗口?
- JS实现点击某张图片弹出上传图片窗口以及限制图片格式和大小
- 点击图片弹出固定或自适应窗口
- 【签名】点击按钮弹出签名框,保存成图片,并显示出来
- js,jq点击打开小弹窗,当前页面弹出小窗口
- Flex中的弹出窗口
- 自适应图片大小的弹出窗口(3 中方法)
- Flex中的弹出窗口