howard — Wed, 26 Apr 2006 09:49:00 GMT

摘要: 很简单的�Q�放在着方便我快速查阅。media player7.1以上的播攑֙��Q?lt;OBJECT id=my_mp style="LEFT: 0px; WIDTH: 341px; TOP: 0px; HEIGHT: 237px" height=200 width=304 classid=clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6 VI... 阅读全文

howard 2006-04-26 17:49 发表评论

囄��处理

howard — Mon, 24 Apr 2006 12:36:00 GMT

在网��中有一个预览图片的功能�Q�由一个单元格昄��要预览的囄��Q�由于实际图片有大有��，所以要有个函数处理囄��的大��。可以这样写

/*
* 讑֮�img的宽�Q�高
* img 动态图片对�?br /> * width 单元格宽
* height 单元格高
*/
fitImageSize = function(img, width, height) {
    var rate = img.width / img.height;
    var wh = width / height;

    if (rate > wh) {
        if (img.width > width) {
            img.height = img.height * (width / img.width);
            img.width = width;
        }
    }
    else {
        if (img.height > height) {
            img.width = img.width * (height / img.height);
            img.height = height;
        }
    }
}

当图片动态加载显�C�的时候，有一个奇怪的问题�Q�就是，�W�一�ơ预览时�Q�图片实际大��ƈ没有改变�Q�也��是��_��q�个函数好像无效了。预览事件代码片断如下：

for() {
    if(.) {
        // 是否可以预览
         img.src = "url..";
            // alert(img.src);
        fitImageSize(img, view.width, view.height);
        img.align = "center";
        document.getElementById(id).appendChild(img);
    }
}

而当��alert的注释去掉以后，囄��被正常的处理。这应该是alert的时候，js�E�序被挂��P��而图片��l�在加蝲�Q�当alert点击以后�Q�图片加载已�l�成功，所以，囄��被正��处理。如果你alert的是img.width�Q�你会看见信息是0。因此，我对�E�序再做一�Ҏ��动，用setInterval函数�q�行囄��的完全加载处理�?br />

for() {
    if() {
        // 是否可以预览
         img.src = "url.";
        // alert(img.src);
        //fitImageSize(img, view.width, view.height);
        //img.align = "center";
        //document.getElementById(id).appendChild(img);
        preview_interval = window.setInterval(function() { loadingImage(img); }, 100);
    }
}
{...coding....}
var preview_interval;
/*
* img 加蝲的图片对�?br /> */
loadingImage = function(img) {
    if(img.complete){
            clearInterval(preview_interval);
            fitImageSize(img, view.width, view.height);
           img.align = "center";
          document.getElementById(id).appendChild(img);
    }
}

�q�样一来，�E�序��可以预览图片，�q�且也不再会出现�W�一�ơ预览时撑大单元格的现象了�?br />
上面是预览一张图片的情况�Q�我�q�遇到js动态一�ơ性加载多张图片的情况�Q�解军_��法与此相伹{��下面的代码是我处理多张图（2张�ؓ例）的，实际上可以和上面的写在一��P��呵呵�Q�懒的，不去动它了�?br />

/*
* 加蝲相关囄��
*/
myClass.prototype.loadAssociateImage = function() {

    // 判断囄��是否已经被加载过�Q�避免重复加载时不必要的消耗。这里以image数组的长�?/span>
    // 作�ؓ是否已经加蝲的判断�?/span>
    if(this.astImage.length != 0) {
           // alert('Not reload');
            return;
        }

    for (var i = 0; i < 2; i++) {
            this.astImage[i] = new Image();
        }

       this.astImage[0].src = this.pic.pic0;
       this.astImage[1].src = this.pic.pic1;

}

var my_interval;
/*
* 昄��
*/
myClass.prototype.create = function() {
  this.loadAssociateImage();
  my_interval = window.setInterval(function () {
    // 变量g是myClass的全局变量�Q�可以当作this�?/span>
    var length = g.astImage.length;
    for (var i = 0; i < length; i++) {
        if (!g.astImage[i].complete) {
            break;
        }
        else {
            if (i != length -1) {
                continue;
            }
            else {
                clearInterval(my_interval);
                // my process now
            }
        }
    }

  }, 10);

}

补充一下对setInterval和setTimeout的说明：setInterval是让js每隔一�D�|��间就�q�行某一函数一�ơ，从js代码执行setInterval开始，�q�样直到注销�Q�clearInterval�Q�其为止�Q�setTimeout是在js�E�序块执行终止以后，再隔一�D�|��间调用某一函数�Q�该函数只调用一�ơ�?img src ="http://www.tkk7.com/howard/aggbug/42888.html" width = "1" height = "1" />

howard 2006-04-24 20:36 发表评论

精品亚洲456在线播放,久久99亚洲综合精品首页 ,亚洲一卡2卡3卡4卡5卡6卡

囄���处理

囄��处理