<!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">
<br>

<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=" 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>
<br>
<hr style="border-style: dotted; border-width: 1px" width="80%" size="1" color="#C0C0C0">
</center>
</BODY>
</HTML>

转载于:https://www.cnblogs.com/MaxIE/archive/2007/01/24/628615.html

整理JS+FLASH幻灯片播放图片脚本代码相关推荐

  1. js实现幻灯片播放图片

    1,在页面添加下面的元素.展示出置出图片文件列表文件. <select id="img_date" style="width: 100%; margin-top: ...

  2. 仿flash滚动播放图片

    仿flash滚动播放图片 代码: html部分: <!DOCTYPE html> <html> <head lang="en"><meta ...

  3. html5多张图片滚动播放,javascript+html5实现仿flash滚动播放图片的方法_javascript技巧...

    本文实例讲述了javascript+html5实现仿flash滚动播放图片的方法.分享给大家供大家参考.具体如下: html部分: css部分: body{ margin: 0px; padding: ...

  4. html 图片自动滚动播放,javascript+html5实现仿flash滚动播放图片的方法

    本文实例讲述了javascript+html5实现仿flash滚动播放图片的方法.分享给大家供大家参考.具体如下: html部分: css部分: body{ margin: 0px; padding: ...

  5. CMS用通用图片轮换flash幻灯片播放器:Bcastr3和Bcastr4

    这款Bcastr通用图片轮换播放器(或者叫他幻灯片播放器),由于其简洁的代码及其易用性,被dedeCMS.PHPCMS.帝国CMS.Z-blog等诸多网站内容管理程序开发者广泛引用.被使用的最多的是b ...

  6. 网页FLASH幻灯片播放带链接源代码 pixviewer.swf使用(转)

        <script type="text/javascript"> <!-- var focus_width=360 var focus_height=270 ...

  7. 【python】幻灯片播放图片

    **背景:**图片多的时候,有时会想自己整个幻灯片功能来播放图片,在播放图片过程中还可以夹杂些自己想做的操作,方便搜集想要的图片: 初步摸索了下,整了个初稿先实现幻灯片的播放. 一 获取相应文件夹下的 ...

  8. js 音频音乐播放封装函数代码

    js函数代码 /*** 音频到网上找* src:音频链接**/ function playSound(src){var src;var borswer = window.navigator.userA ...

  9. php幻灯片切换,JavaScript_JS实现FLASH幻灯片图片切换效果的方法,本文实例讲述了JS实现FLASH幻灯 - phpStudy...

    JS实现FLASH幻灯片图片切换效果的方法 本文实例讲述了JS实现FLASH幻灯片图片切换效果的方法.分享给大家供大家参考.具体实现方法如下: JS模拟FLASH幻灯片图片切换效果 /* ul,li{ ...

最新文章

  1. ESXI使用记录---安装vSphere(VCSA)
  2. mqtt 获取所有topic_MQTT协议解析
  3. android 8.0手机无法更新版本,安卓手机升级安卓8.0后 系统以后可能都无法回退
  4. 从近年顶会论文看领域自适应(Domain Adaptation)最新研究进展
  5. DCMTK:工作清单数据库测试程序
  6. Yii重写ActiveForm
  7. 操作12864(ST7920控制器)
  8. 17.前端路由router-07keep-alive
  9. 《Python编程从入门到实践》记录之文件异常(try-except-else代码块)
  10. 如何用python编写操作系统_操作系统介绍、python基础
  11. 联想数据中心技术总监单奖定:双态IT -数字化转型下的IT建设新思路
  12. SoundTouch音频处理库
  13. 海康威视、python环境下onvif安装,多通道摄像头获取rtsp视频流
  14. Java二叉树基础操作常见代码例题
  15. 大数据是什么 有哪些价值
  16. 【校招VIP】产品设计和思维考察之数值分析
  17. Google play上架规则_谷歌应用商店上架审核
  18. API网关之网关概述、技术选型
  19. 英语总结系列:每天怀揣一点激情
  20. 成都拓嘉启远:怎样才能成功升级拼多多旗舰店

热门文章

  1. wifi rssi 计算 距离_WiFi和WLAN是一样的?真相在这里~别再傻傻分不清了
  2. 算法—巧排扑克牌(C语言)
  3. Java中Integer.parseInt()用法
  4. Win32ASM学习[19]:结构与联合
  5. 多任务 schedule python_Python3.6 Schedule 模块定时任务 (实例讲解)
  6. python岗位 上海_上海黑马Python24期,平均薪资10150元,16个工作日就业率70.73%
  7. linux_perf_tools_full
  8. ruby推送示例_Ruby for循环示例
  9. AIX的完整形式是什么?
  10. 数据库系统数据库管理系统_数据库管理系统介绍