ＪＳ＋ＦＬＡＳＨ幻灯片播放图片脚本，整理了代码，使得调用更加方便！

2007-01-20 00:00:00 作者：

ＪＳ＋ＦＬＡＳＨ幻灯片播放图片脚本，整理了代码，使得调用更加方便
很多大站上都有的ＪＳ＋ＦＬＡＳＨ幻灯片播放图片脚本，整理了代码，使得调用更加方便！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE>生成幻灯片式的网页图片效果演示</TITLE> 
<META http-equiv=Content-Type content="text/html; charset=gb2312"> 
<META content="" name=Keywords> 
<META content="" name=Description> 
</HEAD> 
<BODY>

<center> 
<h3>生成幻灯片式的网页图片效果演示</h3> 
<hr style="border-style: dotted; border-width: 1px" width="80%" size="1" color="#C0C0C0">

// 幻灯片式的网页图片滚动函数（不需要做任何改动） 
// 本程序由广州房产网整理，欢迎转载及提意见，版权没有 
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="http://www.hbw.cn/"><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="http://www.gzfangzi.com/"><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 = 450;        // 图片宽度 
var roll_pic_height = 300;        // 图片高度 
var roll_text_height = 22;        // 文字高度 
var roll_bgcolor = '#FFFFFF';        // 幻灯片背景色 
var roll_flash = 'http://www.gzfangzi.com/demo/ad/roll_js_flash.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("http://www.gzfangzi.com/demo/ad/1.jpg"); 
roll_pic_ary[1].push(escape("http://www.gzfangzi.com")); 
roll_pic_ary[2].push("超级女生新闻发布会图片一");

roll_pic_ary[0].push("http://www.gzfangzi.com/demo/ad/2.jpg"); 
roll_pic_ary[1].push(escape("http://www.gzfangzi.com")); 
roll_pic_ary[2].push("超级女生新闻发布会图片二");

roll_pic_ary[0].push("http://www.gzfangzi.com/demo/ad/3.jpg"); 
roll_pic_ary[1].push(escape("http://www.gzfangzi.com")); 
roll_pic_ary[2].push("超级女生的精彩表演一");

roll_pic_ary[0].push("http://www.gzfangzi.com/demo/ad/4.jpg"); 
roll_pic_ary[1].push(escape("http://www.gzfangzi.com")); 
roll_pic_ary[2].push("超级女生的精彩表演二");

roll_pic_ary[0].push("http://www.gzfangzi.com/demo/ad/5.jpg"); 
roll_pic_ary[1].push(escape("超级女生的精彩表演三")); 
roll_pic_ary[2].push("文字说明");

roll_pic_ary[0].push("http://www.gzfangzi.com/demo/ad/6.jpg"); 
roll_pic_ary[1].push(escape("超级女生的精彩表演四")); 
roll_pic_ary[2].push("文字说明");

// 显示幻灯片式的网页图片滚动 
document.write(roll_pic_flash(roll_pic_ary)); 
</SCRIPT>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

ＪＳ＋ＦＬＡＳＨ幻灯片播放图片脚本，整理了代码，使得调用更加方便！

您可能感兴趣的文章: