JS+FLASH幻灯片播放图片脚本,整理了代码,使得调用更加方便!

JS+FLASH幻灯片播放图片脚本,整理了代码,使得调用更加方便
很多大站上都有的JS+FLASH幻灯片播放图片脚本,整理了代码,使得调用更加方便!

生成幻灯片式的网页图片效果演示

生成幻灯片式的网页图片效果演示



// 幻灯片式的网页图片滚动函数(不需要做任何改动)
// 本程序由广州房产网整理,欢迎转载及提意见,版权没有
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 '';

}

// 开始设置幻灯片参数
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));


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

(0)

相关推荐

  • JavaScript仿flash遮罩动画效果

    本文实例为大家分享了JavaScript仿flash遮罩动画的具体实现代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>仿flash遮罩动画</title> <meta name="keywords" content=""> <meta name="

  • SWFObject Flash js调用类

    SWFObject是一个基于Javascript的Flash媒体版本检测与嵌入模块,其主要使用目的是让我们将FLASH嵌入网页中的操作更简单,加入了版本检测功能,符合XHTML的标准验证的插入,并解除了IE对FLASH点击激活的限制,对主流浏览器兼容. 首先让我们看一段SWFObject作用的代码: //载入SWFObject类库 <script type="text/javascript" src="swfobject.js" src="swfob

  • 可以媲美Flash的JS导航菜单

    媲美Flash的JS导航菜单 .table1 { BORDER-RIGHT: #cccccc 1px solid; BORDER-BOTTOM-COLOR: black; BORDER-LEFT: #cccccc 1px solid; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: black; BACKGROUND-COLOR: #666666; BORDER-BOTTOM-STYLE: solid } .alp { FILTER: Alpha(Opaci

  • flash与js通讯方法

    今天主要学习一下js与flash是如何通讯滴. 1.先学习一下 getURL(url, window, variables) 使用 getURL 语句,可以让指定的浏览器窗口,转向显示指定的URL地址.参数(url)指定要显示WEB页面文档的 URL 地址.参数(window)指定要要显示WEB页面文档的浏览器窗口,它可以是指定为自定义的窗口名称,也可以 如果想让它执行调用js函数执行,那么可以这样 on (release) {   getURL(\"JavaScript:alert('hell

  • Javascript 判断Flash是否加载完成的代码

    先定义进度条显示层: 复制代码 代码如下: <div><span class="intro">下载进度:</span> <div class="barborder"> <div class="bar" id="loadpercent"></div> </div> </div> 定义广告层: 复制代码 代码如下: <div id

  • 比较简单的一个符合web标准的JS调用flash方法

    微软XP升级出现的bug,就是对于使用传统网页制作模式插入页面的flash无法正常浏览,页面打开的时候flash周围是一个虚线框,需要点击一下才能正常浏览,以下的办法就是解决这一缺点,并且让flash能符合WEB标准,此外最重要的是,整个网站的所有flash都可以调用这一段代码,让你的代码更加简洁! 1.先建立一个flash.js的JS文件,并写入 复制代码 代码如下: function flash(ur,w,h){  document.write('<object classid="cl

  • JS仿flash上传头像效果实现代码

    先看效果图(在FF下): 下面是我整个的思路: 一.用ajaxFileUpload.js异步上传图片.这个不用多说了,挺简单的东西. 二.div拖拽用jquery-ui.这个也不多说了. 三.上传过图片的处理. 编辑容器是300*300,如果图片不在300*300之内,这里会生成一个maxHeight=300,maxWidth=300的缩略图, 用于设置编辑容器的背景,如果原文件为123.jpg,这里生成的文件为123.jpg.view.jpg,当然,文件123.jpg.view.jpg可能不会

  • 用javascript实现的仿Flash广告图片轮换效果

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

  • 用js实现的一个Flash滚动轮换显示图片代码生成器

    复制代码 代码如下: <!--文件头模板--> <SCRIPT src=top.js></SCRIPT> <SCRIPT language=javascript>     writeTop('Flash滚动显示图片代码生成','2006-10-18'); </SCRIPT> <!--以下为内容--> <SCRIPT> //运行代码 function runEx(cod1)  {      cod=document.getE

  • 纯js无flash仿搜狐女人频道FLASH图片切换效果代码

    前2个星期看到一位朋友说如何用JS实现http://women.sohu.com/这个页中FLASH图片切换效果,这两天有空,做了一个,大家评评: [加载图片慢点请等会] www.jb51.net 我们 JS图片切换 :: * { margin:0; padding:0; } body { margin:0; color:#88c; background:#333; } img { margin:0; padding:0; border:0; } #js_F { position:relativ

随机推荐