首页  韩国资源  酷站加油  我的展厅  设计名站  古典元素  推荐下载  设计欣赏  每周专访  招募精英  人才专区  网页教程  平面设计  编程开发  设计竞赛
当前位置:首页 > 网页教程 > Flash教程 > 正文
Google
用Flash 8制作简单的Flash相册
来源:精品Flash 2007年07月03日 11:39 网友评论:0条 点击:
  本文适合初学者,涉及到的知识包括:遮罩的运用,简单的ActionScript的写法。欢迎转载本站文章,但是转载必须注明出处,并且保留文章中的所有链接,谢谢支持!

首先,我们新建一个fla文件,导入我们喜欢的图片,将每个图片制作成为MC。如图所示:
按此在新窗口浏览图片
MC中的内容均为静态的即可,然后将此MC命名为:photo(n),其中n代表的是1,2,3等数字,例如在示例中就命名为:photo1,photo2...接下来,建立一个放置小图的影片夹,命名为:board,大小与影片的宽度一样,然后将上面创建好的MC拖下来,缩小以后放置到该面板上,如图:
按此在新窗口浏览图片

然后,我们再为几个photoMC再创建一个相应大图的MC,命名为:photo(n)_big,这些MC就是用来现实相片大图的,如图所示:

按此在新窗口浏览图片

在这个MC里边做出逐渐显示图片的效果,然后保存起来。接下来,就把刚才做好的大图MC拖到主场景第一帧上。打开代码编辑器,写下控制代码:

stop();
iIsFoled = 1;
onEnterFrame = function()
{
if(_ymouse >= thumbboard._y)
  iIsFoled = 0;
else
  iIsFoled = 1;
if(iIsFoled == 1)
{
  if(484 - thumbboard._y > 1)
   thumbboard._y = thumbboard._y + (484 - thumbboard._y)/2;
  if(thumbboard._alpha > 0)
   thumbboard._alpha -= (thumbboard._alpha)/2;
}
if(iIsFoled == 0)
{
  if(thumbboard._y - 373 > 1)
   thumbboard._y = thumbboard._y - (thumbboard._y - 373)/2;
  if(thumbboard._alpha < 100)
   thumbboard._alpha += (100 - thumbboard._alpha)/2;
}
}

上面这些代码的作用是控制小图面板的伸展与缩入的。接下来,再为每个小图的MC上面加上热点,热点上也写入控制代码(以第一个小图为例):

on(rollOver)
{
gotoAndPlay(1);
}
on(rollOut)
{
gotoAndPlay(17);
}
on(press)
{
_root.photo2_big_obj.gotoAndStop(1);
_root.photo1_big_obj.gotoAndPlay(2);
_root.photo3_big_obj.gotoAndStop(1);
}

做完了这些,就可以预览一下效果了:
/UploadTeach/200706/2007062912220734.swf

源文件下载:Flash相册.rar

上一篇:FLASH特效--下雪   下一篇:Flash制作四种3D隧道视觉动画效果
收藏此页】【打印】【关闭
 相关文章  我要点评

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 在线反馈 | 广告报价 | 友情链接 | 联系我们 | 免责声明 | 在线投稿 | 网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】