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

  • 来源: 中国IT实验室 作者: xuqingzhong   2008-06-10/09:52

  • 没什么特别的功能,就是可以偷点懒,循环播放照片,自动缩放,照片可以随意增加而不需要重新修改。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;//第一个显示的图片 #p#分页标题#e#
    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);

    评论 {{userinfo.comments}}

    {{money}}

    {{question.question}}

    A {{question.A}}
    B {{question.B}}
    C {{question.C}}
    D {{question.D}}
    提交

    驱动号 更多