zmaker-点击放大图片模板制作[转帖]

[复制链接]
效果:点击图片放大后,大图随鼠标的移动而移动。用于分析的模板来源于zcom上唯一的一款图片放大模板,感兴趣的朋友可以自行在zcom的模板资源里找一下。
个人认为这个模板最为关键的两部分一是放大后的图片可以随鼠标的移动而移动;二是在放大的图片上的任何一部位点击都可以将大图关闭回到原画面。实现这两大功能至少需要在flash中建立三个图层:图片层、按钮层、代码层。

前提:此处所说的放大的图片是指图片的大小超过杂志页面的大小。

&关键1:大图随鼠标的移动而移动。

1·将大图直接导入舞台,转化为影片剪辑。通过工具栏的自由变形工具将影片剪辑的中心点手动调至图片的左上角。通过下方的属性栏设置影片剪辑的坐标为(0,0)。

2·双击影片剪辑进入编辑状态,选中图片将其转化为图形元件。同样的方法将其中心点调制图片左上角,坐标(0,0)。

&关键二:代码层


3·新建图层,在时间轴的第一帧添加动作代码,具体如下:

c=(img_mc._height-650)/650;
d=(img_mc._width-960)/960;
speed=10;
this.onEnterFrame=function()
{
    img_mc._y=img_mc._y+(_ymouse*c*-1-img_mc._y)/speed;
    img_mc._x=img_mc._x+(_xmouse*d*-1-img_mc._x)/speed;
};

其中可更改的部位为数字部分(650,960,10),650,960为杂志页面的大小,也就是说页面大小为800,542的时候须将两个960改为800,650改为542,其中10为速度,根据图片的具体大小可以自行设定尝试一下。代码层完毕。

&关键三:在任一部位点击关闭。

具体不说了其实就是一个透明按钮覆盖整个画面,加上跳转帧的代码就可以了~

使用道具 举报 回复
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则