·您当前的位置:首页 > 技术教程 > AS2与AS3技术 >

[AS2-AS3]AS外部加载图片教程(3)

时间:2011-08-23 17:36penshow.cn
////////////////////////////////////////////////////////////////////////////////////////方式三 1.建立一个文件夹,名称随意,这里以flash命名;在此文件夹中建立一个名为img的文件夹,用来存放图片,图片名称

////////////////////////////////////////////////////////////////////////////////////////方式三
1.建立一个文件夹,名称随意,这里以flash命名;在此文件夹中建立一个名为“img”的文件夹,用来存放图片,图片名称1.jpg,2.jpg.....
2.在img文件夹中新建名为info的文本文件,在其中输入num=x,x为文件夹中的图片数量,比方说num=6,num=12等等。
3.在flash中新建400x300的fla文档,保存在flash文件夹下。
4.在flash中建立两个层,分别名为"as","btn"。在btn层中建立两个按钮,位置自取,实例名为backBtn,forwardBtn.
5.as层中代码如下.


//初始化函数
function init() {
loadVar();
//载入变量
this.createEmptyMovieClip("emptyMc", 1);
//创建一个空影片剪辑用来存放图片
i = 1;
loadJpg(emptyMc, i);
//程序第一次运行时载入第一张图片
}
//载入变量函数
function loadVar() {
loadVariablesNum("img/"+"info.txt", 0);
//从文本文件中载入变量Num
this.onEnterFrame = function() {
if (Num) {
delete this.onEnterFrame;
}
//变量如果载入,删除onEnterFrame函数
};
//用onEnterFrame函数判断变量是否载入
}
//加载图片的函数,把图片加载到影片剪辑mc中,i表示图片序号
function loadJpg(mc, i) {
mc.loadMovie("img/"+i+".jpg");
//把图片加载到影片剪辑mc中
this.onEnterFrame = function() {
if (mc._width) {
delete this.onEnterFrame;
mc.imgMove();
//图片过渡效果
setBtn(backBtn, 1);
/*设置后退按钮,当显示第一张图片时,后退按钮的透明为50,不可用,其他情况按钮正常*/
setBtn(forwardBtn, num);
/*设置前进按钮,当显示最后一张图片时,后退按钮的透明为50,不可用,其他情况按钮正常*/
}
};
}
//设置控制函数,obj为按钮实例名,n代表图片的序号
function setBtn(obj, n) {
if (i == n) {
obj._alpha = 50;
obj.enabled = false;
//如果图片的当前序号为n,设置按钮的透明度为50,按钮不可用
} else {
obj._alpha = 100;
obj.enabled = true;
//如果图片的当前序号不为n,设置按钮的透明度为100,按钮可用
}
}
//图片过渡效果函数
MovieClip.prototype.imgMove = function() {
var mc = this;
//定义一个影片剪辑类型变量
mc._x = (400-mc._width)/2;
mc._y = (300-mc._height)/2;
//图片在新场景中居中分布,场景大小为400x300
mc._alpha = 0;
mc.onEnterFrame = function() {
mc._alpha += (100-mc._alpha)/10;
//图片透明度递增
if (mc._alpha>=95) {
delete mc.onEnterFrame;
}
};
};
init();
//调用初始化函数
backBtn.onRelease = function() {
i -= 1;
//变量-1
loadJpg(emptyMc, i);
};
//释放后退按钮执行动作
forwardBtn.onRelease = function() {
i += 1;
//变量+1
loadJpg(emptyMc, i);
};
//释放前进按钮执行动作 (pwdesign 原创)

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器