網頁中嵌入flash

需要添加個flash插件:

var roll_flash = 'images/roll_pic_new.swf'; // 幻燈片flash地址,請將此flash下載保存到你的服務器,以免失效(插件)。

把要顯示的圖片放到 UploadFiles 中

代碼如下:

 <div class="f_r">

                <script type="text/javascript"
                    src=""></script>
   
           <Script type="text/javascript">

// 幻燈片式的網頁圖片滾動函數(不需要做任何改動)
function roll_pic_flash(roll_pic_ary)        {
  
        var w                        = roll_pic_ary[3][0];
        var h                        = roll_pic_ary[3][1];
        var text_h                = roll_pic_ary[3][2];
        var bgcolor                = roll_pic_ary[3][3];
        var roll_swf        = roll_pic_ary[3][4];
        var swf_height        = h + text_h;
        var pics                = roll_pic_ary[0].join("|");
        var links                = roll_pic_ary[1].join("|");
        var texts                = roll_pic_ary[2].join("|");
   
        return '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ w +'" height="'+ swf_height +'"><param name="default_url" value=""><param name="allowScriptAccess" value="sameDomain"><param name="movie" value="' + roll_swf + '"><param name="quality" value="high"><param name="bgcolor" value="'+bgcolor+'"><param name="menu" value="false"><param name="improved_by" value=""><param name=wmode value="opaque"><param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+w+'&borderheight='+h+'&textheight='+text_h+'"><embed src="' + roll_swf + '" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+w+'&borderheight='+h+'&textheight='+text_h+'" menu="false" bgcolor="'+bgcolor+'" quality="high" width="'+ w +'" height="'+ h +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>';

}

// 開始設置幻燈片參數
var roll_pic_width = 255;        // 圖片寬度
var roll_pic_height = 255;        // 圖片高度
var roll_text_height = 0;        // 文字高度
var roll_bgcolor = '#FFFFFF';        // 幻燈片背景色
var roll_flash = 'images/roll_pic_new.swf'; // 幻燈片flash地址,請將此flash下載保存到你的服務器,以免失效(插件)

// 幻燈片數組roll_pic_ary初始化(不用做任何改動)
var roll_pic_ary = new Array(Array(0),Array(0),Array(0),
Array(roll_pic_width,roll_pic_height,roll_text_height,roll_bgcolor,roll_flash));

// 增加一個圖片,連接,文字說明
roll_pic_ary[0].push("UploadFiles/1.jpg");
roll_pic_ary[1].push(escape(""));
roll_pic_ary[2].push("");

// 增加一個圖片,連接,文字說明
roll_pic_ary[0].push("UploadFiles/2.jpg");
roll_pic_ary[1].push(escape(""));
roll_pic_ary[2].push("");

// 增加一個圖片,連接,文字說明
roll_pic_ary[0].push("UploadFiles/3.jpg");
roll_pic_ary[1].push(escape(""));
roll_pic_ary[2].push("");

// 增加一個圖片,連接,文字說明
roll_pic_ary[0].push("UploadFiles/4.jpg");
roll_pic_ary[1].push(escape(""));
roll_pic_ary[2].push("");

roll_pic_ary[0].push("UploadFiles/5.jpg");
roll_pic_ary[1].push(escape(""));
roll_pic_ary[2].push("");


// 顯示幻燈片式的網頁圖片滾動
document.write(roll_pic_flash(roll_pic_ary));

// 如果要嵌入其他系統內(如cms),稍做修改即可使用
</Script>
            </div>

發佈了41 篇原創文章 · 獲贊 3 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章