載入外部圖片及對載入圖片的控制

來源:互聯網
上載者:User
載入外部圖片及對載入圖片的控制

許多朋友都在問如何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外部檔案時顯得尤其重要。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.