需要添加個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>