[分享] 图片展览滚动效果

迷失的亲

忙碌的人

管理员

Rank: 30

EZU之梦技术部

UID: 14847
帖子: 2702
精华: 0
积分: 3373
金币: 231 个
共享: 203 个
行业
阅读权限: 200
在线时间: 180 小时
最后登录: 2008-11-15

元老勋章建设勋章精英勋章

楼主大中小发表于 2007-10-9 06:33 只看该作者

图片展览滚动效果

↓↓↓↓↓↓↓↓↓↓↓↓点击查看其它网站与此相关的信息！↓↓↓↓↓↓↓↓↓↓↓↓

↑↑↑↑↑↑↑↑↑↑↑点击查看其它网站与此相关的信息！↑↑↑↑↑↑↑↑↑↑↑↑↑
. }4 @0 `# {- |: r- j3 D) |) K* d$ o
% A# N3 l! z" T" ?% X; v! i @

效果如上

制作思路:7 h' d. X9 f5 r; E
         (1):构建好XML文件,进行载入判断,取得xml节点5 Q% P  K' r( o" U) B- P
         (2):在一个大的影片剪辑内,进行复制要加载图片的影片剪辑,按X轴方向水平排列
         (3):使用[被遮照的影片剪辑.setMask(遮照的影片剪辑)] 创建遮照效果
         (4):滚动区域的判断

复制内容到剪贴板

代码:

stop(); 

System.useCodepage = true; 

var link_xml:XML = new XML(); 

link_xml.ignoreWhite = true; 

link_xml.onLoad = function(success) { 

if (success) { 

  //trace(this); 

  nextFrame(); 

} else { 

  trace("Error loading XML"); 

} 

}; 

link_xml.load("content_xml.as");

复制内容到剪贴板

代码:

/** 

* Description 版权所有2007@lbynet http://www.www.52hai.com/User0/140 

* @author _lby 

* @version 0.1 

* @discription:图片展览滚动效果; 

*/ 

stop(); 

var _this = _root.link_xml.firstChild; 

var len:Number = _this.childNodes.length; 

//trace(len); 

var img_path_arr:Array = []; 

var link_arr:Array = []; 

Loader_fun = function () { 

for (var i:Number = 0; i<len; i++) { 

  img_path_arr[i] = _this.childNodes[i].childNodes[0].childNodes[0].nodeValue; 

  link_arr[i] = _this.childNodes[i].childNodes[1].childNodes[0].nodeValue; 

  //进行copy影片剪辑排列 

  content_mc.image_mc.duplicateMovieClip("image_mc"+i, 100+i); 

  content_mc.image_mc._visible = false; 

  content_mc["image_mc"+i]._x = content_mc.image_mc._width*i; 

  content_mc["image_mc"+i]._y = 0; 

  //加载图片; 

  var mc:MovieClip = content_mc["image_mc"+i]; 

  mc.i = i; 

  mc._alpha = 60; 

  mc.onRollOver = function() { 

   this._alpha = 100; 

   trace(this.i); 

    

  }; 

  mc.onRollOut = function() { 

   this._alpha = 60; 

  }; 

  mc.onRelease = function() { 

   getURL(link_arr[this.i]); 

  }; 

  var loadListener:Object = new Object(); 

  //参数mc为当前被加载进来的,这里为content_mc["image_mc"+i].load_mc 

  loadListener.onLoadComplete = function(mc:MovieClip) { 

   mc._parent.preloader._visible = false; 

  }; 

  loadListener.onLoadError = function(mc:MovieClip) { 

   mc._parent.preloader._visible = true; 

   trace("加载图片失败"); 

  }; 

  if (img_path_arr != null && img_path_arr != "" && img_path_arr != undefined) { 

   var imgLoader:MovieClipLoader = new MovieClipLoader(); 

   imgLoader.addListener(loadListener); 

   imgLoader.loadClip(img_path_arr[i], content_mc["image_mc"+i].load_mc); 

  } 

} 

}; 

Loader_fun(); 

content_mc.setMask(mask_mc); 

/* 

//自定义滚动类 

import DragRegion; 

new DragRegion(content_mc,mask_mc); 

*/ 

/* 滚动判断 */ 

content_mc.onEnterFrame = function() { 

this._x = -((this._width-mask_mc._width)/mask_mc._width)*mask_mc._xmouse; 

//trace(this._x); 

if (this._x<-(100*len-500)) { 

  //超出的为100*len-500 

  this._x = -(100*len-500); 

} else if (this._x>-50) { 

  this._x = 0; 

} 

};