載入外部圖片及對載入圖片的控制
許多朋友都在問如何load外部的檔案,如load jpg 、load swf 、load sound等等
load進來後又該如何控制?如何進行載入的判斷?今天這個小教程講的是載入外部
圖片(jpg)的問題,在這個小教程裡,你可以學會一些小知識,舉一反三,相信你會
有所收穫。
先看看本例的效果
http://tuliping.topcities.com/loadimage.html
來看看代碼及其簡析:
Stage.showMenu=false;//屏蔽右鍵,當然這樣無法完全屏蔽
Stage.scaleMode = "noBorder";//播放器無菜單
Stage.scaleMode = "noScale";//禁止縮放
//上面的代碼只是個人的愛好。
this.createEmptyMovieClip("preloader", 10000);
this.createEmptyMovieClip("mc", 10001);
//動態建立一 mc,用來裝載圖片
mc.loadMovie("test.jpg");
//load 一名為test的圖片(jpg格式)
mc._visible = false;
//先令mc不可見
/*------------------------------------------------
preloader.onEnterFrame = function() {
var l = mc.getBytesLoaded();
var t = mc.getBytesTotal();
var getPercent = l/t;
loadText = Math.round(getPercent*100)+"%completed";
//一動態文字框的var: loadTest
loadBar._width = getPercent*100;
//進度條的長度,主情境中其 instance name: loadBar
if (l>0 && l>=t) {
mc._visible = 1;
delete this.onEnterFrame;
//載入完畢後令mc可見,並stop loop (delete this.onEnterFrame;)
}
*/ ----------------------這段代碼就是用來判斷載入的情況
//-------------------------------------------------------------------------------
MovieClip.prototype.jump = function(scale, frequency, quotiety) {
//三個參數,scale--圖片的比例 frequency---彈性的頻率 quotiety---彈性係數
this.tempo += (scale - this._xscale) * frequency;
this.tempo *= quotiety;
this._xscale = this._yscale += this.tempo;
//令圖片位於情境的中間(550X400)
this._x = 275-(this._width/2);
this._y = 200-(this._height/2);
};
//--------圖片彈性效果的設定,這種效果你可以用在其它方面,比如按鈕
//-----------判斷滑鼠事件,當滑鼠與圖片碰撞時調用自訂的函數並賦值
mc.onEnterFrame = function() {
if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
this.jump(70, .9, .6);
} else {
this.jumpl(30, .6, .5);
}
}
};
以上代碼都在主情境第一幀。
手動建一MC,畫一條線用做進度條,把MC從庫中拉到主情境,instance name: loadBar。在主情境中建一動態文字框,用來顯示載入的百分比,var: loadTest
後記:載入完畢後就可以對其進行用關的操作,如果沒有載入完就進行操
作那是不行的,所以要注意進行載入的判斷,這在load外部檔案時顯得尤其重要。