用Flash创建一个具有滚动过渡效果的漂亮图库显示动画。效果好,方法比较简单。我希望你喜欢它。
制作方法:
首先,创建一个新的Flash文档,然后修改文档属性:
我们做了这个画廊。你可以看到点击小图可以通过演示动态显示大图,所以我们要提前做一些工作。准备8张同样大小的图片,分别做8个对应的缩略图。大图导入Flash转换成电影剪辑元素,小缩略图导入Flash再转换成电影剪辑元素,都放在库中供我们使用。
这里我们制作一个主影片剪辑,然后在其中制作一个背景:
然后,创建一个新层,并按顺序排列缩略图。实例名称为thumb0、thumb1、thumb2、thumb3、thumb4、thumb5、thumb6和thumb7:
将大图导入Flash时,按F8将其转换为电影剪辑元素,标识符分别为image0、image1、image2、image3、image4、image5、image6和image7。设置如下:
然后创建另一个层,并输入以下代码:
复制代码
代码如下:
this . createemptymovieclip(' images '100);
this.attachMovie('mask '' mask '101);
面具。_x=图像。_ x=-68;
面具。_ y=target=-150;
图像。_ y=-1000;
images . setmask(mask);
速度=5;
for(var I=0;i8;i ) {
var img=images . attach movie(' image' i,' image ' I,I);
img。_y=img。_ height * I;
var thumb=this[' thumb ' I];
拇指。_ alpha=60
thumb.pos=target (i*-img。_ height);
thumb.onPress=function() {
target=this.pos
};
thumb.onRollOver=function() {
这个。_ alpha=100
};
thumb.onRollOut=function() {
这个。_ alpha=60
};
}
this.onEnterFrame=function() {
图像。_y=(目标图像。_ y)/速度;
};