首页  韩国资源  酷站加油  我的展厅  设计名站  古典元素  推荐下载  设计欣赏  每周专访  招募精英  人才专区  网页教程  平面设计  编程开发  设计竞赛
当前位置:首页 > 网页教程 > Flash教程 > 正文
Google
XML图片加载示例(带分页效果)
来源:闪吧论坛 作者:终极讨厌 2007年07月24日 15:39 网友评论:0条 点击:
XML图片加载示例,带分页效果:

//=========初始化==========
//页数,默认0表示第一页
var curPage_num:Number = 0;
//每页容量
var sizPage_num:Number = 15;
//每排张数
var pai_num:Number = 5;
//图片宽度、高度
var width_num:Number = 80;
var height_num:Number = 80;
//图片与图片之间的间隔
var jia_num:Number = 20;
//=============================
var url_array:Array = new Array();
this.pagedown_btn._visible = false;
this.pageup_btn._visible = false;
//=========透明函数========
function alpha_func(_mc:MovieClip) {
_mc._alpha = 5;
_mc.onEnterFrame = function() {
  this._alpha += 5;
  this._alpha>=95 ? delete this.onEnterFrame : 闪吧;
};
}
//============MCL类===========
var _mcl:MovieClipLoader = new MovieClipLoader();
this.onLoadInit = function(_mc:MovieClip) {
_mc._txt.removeTextField();
_mc._width = 80;
_mc._height = 80;
alpha_func(_mc);
};
//=========加载进度显示==============
this.onLoadProgress = function(_mc:MovieClip, bytesLoaded:Number, bytesTotal:Number) {
_mc.createTextField("_txt", 200, 20, 10, 60, 30);
_mc._txt.textColor = 0xff0000;
_mc._txt.text = Math.floor((bytesLoaded/bytesTotal*10000)/100)+"%";
};
//=========加载错误提示==============
this.onLoadError = function(_mc:MovieClip) {
_mc.createTextField("_txt", 200, 20, 10, 60, 30);
_mc._txt.textColor = 0xff0000;
_mc._txt.text = "加载失败!";
};
_mcl.addListener(this);
//===========XML加载============
var url_xml:XML = new XML();
url_xml.ignoreWhite = true;
url_xml.onLoad = function(success) {
if (success) {
  for (var d:Number = 0; d<this.firstChild.childNodes.length; d++) {
   url_array.push(this.firstChild.childNodes[d].attributes.name);
  }
  enabled_func();
} else {
  trace("xml文档加载失败!");
}
};
url_xml.load("xml/img.xml");
var show_func:Function = function (_page:Number) {
for (var d:Number = 0; d<sizPage_num; d++) {
  //attachMovie("pic_mc", "pic_mc"+d, d+1000, {_x:20+Math.floor(d/Math.floor(Math.sqrt(sizPage_num)))*100, _y:20+d%Math.floor(Math.sqrt(sizPage_num))*100});
  attachMovie("pic_mc", "pic_mc"+d, d+1000, {_x:20+d%pai_num*(height_num+jia_num), _y:20+Math.floor(d/pai_num)*(width_num+jia_num)});
}
for (var d:Number = 0; d<sizPage_num; d++) {
  if (_page*sizPage_num+d<=sizPage_num) {
   this.pageup_btn.enabled = false;
  } else if (_page*sizPage_num+d == url_array.length-1) {
   this.pagedown_btn.enabled = false;
  } else if (_page*sizPage_num+d>=url_array.length) {
   break;
  } else {
   this.pageup_btn.enabled = true;
   this.pagedown_btn.enabled = true;
  }
  _mcl.loadClip(url_array[_page*sizPage_num+d], this["pic_mc"+d]);
}
};
function enabled_func() {
this.pagedown_btn._visible = true;
this.pageup_btn._visible = true;
show_func(curPage_num);
this.pagedown_btn.onRelease = function() {
  if (curPage_num<Math.floor(url_array.length/sizPage_num)) {
   curPage_num++;
   show_func(curPage_num);
  }
};
this.pageup_btn.onRelease = function() {
  if (curPage_num>0) {
   curPage_num--;
   show_func(curPage_num);
  }
};
}
同时附带另一个源文件,图片依次加载效果(也就是加载完一个接着加载下一个)。以上两个实例都是在经典论坛回贴时做的,用了人家现成的图片,虽不算什么特别的东东,但AS是我原创。

附件: XML加载图片分页.rar
   图片依次加载.rar
上一篇:遮罩弹性跟随效果   下一篇:Flash制作漂亮的三重卷动相册特效动画
收藏此页】【打印】【关闭
 相关文章  我要点评
·xml中运用后代存取运算符(..)的问题
·FLASH加载XML:可分页相册的制作
·360度图片旋转展示flash+xml源文件
·超酷的3d图片墙flash+xml源文件
·关于XML在与FLASH交互应用中的理解
·读取xml文件的程序
·XMLHTTPRequest的属性和方法简介
·实现JSP+XML网页内容动态显示的方法

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



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