您现在的位置: 网页吧 > 技术文档 > 网页设计 > 网页特效 > 正文
  • 站内搜索:

推荐:不间断滚动显示图片的代码

[作者:佚名 | 点击数: | 时间:2006-12-4]【
 没什么特别的功能,就是可以偷点懒,循环播放照片,自动缩放,照片可以随意增加而不需要重新修改。FLA或加载外部的配置文件,自己检查照片的是否存在。需注意的是:图片数字序列文件不能中断,不然会把中断的地方当成最后一张图片。只要将图片用ACDsee批量修改成有规律名称的图片就行了。比如修改成:img1.jpg,img2.jpg,img3.jpg,img4.jpg,img5.jpg...  在FLA文件里startimg参数设置成第二张图片的数字,如果写第一张会出现1次重复的图片。

speed = 5;//滚动的速度
str="img"//照片序列文件开始字符 如:img1.jpg 就写img
startimg = 2;//照片序列文件开始数字+1,第一张叫img1.jpg  就写2
imgy = 30;//照片显示的y轴位置
imgwidth = 300;//照片最大宽度
imgheight = 250;//照片最大高度
w = imgwidth+100;//照片之间的间隔大小
//
total = Math.ceil(Stage.width/w);
LoaderNum = 0;
speed2=0;
//
var mc:MovieClip = this.createEmptyMovieClip("mc", getNextHighestDepth());
for (var i = 0; i<=total; i++) {
 creatmc(i);
}
function creatmc(i) {
 duplicateMovieClip(mc, "mc"+i, getNextHighestDepth());
 this["mc"+i]._x = w*i;
 this["mc"+i].i = i;
 this["mc"+i]._y = imgy;
 this["mc"+i].onEnterFrame = function() {
  this._x<=total*w ? this._x += _root.speed+_root.speed2 : this._x=-_root.w;
  if (this._x == -_root.w) {
   this.i == _root.total ? _root.LoaderNum++ : null;
   LoadImg(str+(this.i+_root.LoaderNum*total+_root.startimg-1)+".jpg", this);
  }
  //               
  if (this.img._width != 0) {
   if (this.img._width>this.img._height) {
    this.img._height = this.img._height/this.img._width*imgwidth;
    this.img._width = imgwidth;
   } else {
    this.img._width = this.img._width/this.img._height*imgheight;
    this.img._height = imgheight;
   }
  }
  this.img._x = (_root.imgwidth-this.img._width)/2;
  this.img._y = (_root.imgheight-this.img._height)/2;
 };
 this["mc"+i].onRollOver = function() {
  _root.speed2= -_root.speed
 }
 this["mc"+i].onRollOut = function() {
  _root.speed2= 0
 }
 this["mc"+i].onPress = function() {
  getURL(this.url);//这里可以修改图片打开的路径
 }
}
function LoadImg(name_, mc_) {
 var img:MovieClip = mc_.createEmptyMovieClip(str, mc_.getNextHighestDepth());
 var loadListener:Object = new Object();
 loadListener.onLoadError = function(target_mc:MovieClip, errorCode:String, httpStatus:Number) {
  if (errorCode == "URLNotFound") {
   _root.LoaderNum = 0;
   LoadImg(str+(mc_.i+LoaderNum*total+Number(startimg))+".jpg", mc_);
  }
 };
 mc_.url=name_
 var mcLoader:MovieClipLoader = new MovieClipLoader();
 mcLoader.addListener(loadListener);
 mcLoader.loadClip(name_, img);
}

//下面这句是加上背景的,这个背景会跟着照片滚动.需要自己新建个 影片剪接 叫"border",如果只播放照片就不用这段了.
Bw = border._width-20;
Btotal = Math.ceil(Stage.width/Bw);
border._visible = 0;
for (var i = 0; i<=Btotal; i++) {
 duplicateMovieClip(border, "border"+i, getNextHighestDepth());
 this["border"+i]._x = Bw*i;
 this["border"+i].onEnterFrame = function() {
  this._x<=_root.Bw*_root.Btotal ? this._x += _root.speed+_root.speed2 : this._x=-_root.Bw;
 };
}



支持自定义效果模板

这个是可以自定义效果影片的模板文件,主要是加遮照的影片,无论多少个都可以,在mask影片里的填加空白帧,接着就是新建个影片剪辑就OK了.


var i = 1;//第一个显示的图片
var s = 1;//图片序列文件开始位置
var e = 4;//共几张图片
var t = mask._totalframes;
cg();
function cg() {
 ahl.gotoAndPlay(1);
 img.contentPath="b"+i+".jpg"
 bgimg.contentPath="b"+(i == s ? e : (i-1))+".jpg" 
 i == e ? i=s : i++;
 mask._currentframe>=t ? mask.gotoAndStop(1) : mask.nextFrame();
}
id = setInterval(cg, 4000);
推荐:不间断滚动显示图片的代码网友评论
发表评论
  • 姓 名 :* (必填项)
  • E-mail: QQ:
  • 评 分 : 1分 2分 3分 4分 5分
  • 评论内容:
·请遵守《互联网电子公告服务管理规定》及中华人民共和国其他各项有关法律法规。
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任。
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据。
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为。
网页吧·中国站长第一门户