图形幻灯播放器 Javascript 版本
//------------使用说明------------------------//1、在HTML页面引用,js脚本名可以自己定义 <script language="javascript" src="my.js"><\/script>//2、通过 PHP、ASP 等脚本语言生成： 图片地址|Http地址|图片地址|Http地址 ......成对列表，//str = 'P20010725175318.jpg||P20020307152133.jpg||P20020307152545.jpg||P20030224125949.jpg||P20030319093723.jpg|';//3、调用播放器函数，参数解释 xkq_show(播放器宽,播放器高,图片|Http地址字符串)//xkq_show('myplay',3000,387,150,str); //在 宽387，高150 容器名称为myplay 的区域 循环播放 str 中指定图片，延迟3000ms,图片打开URL(Http)地址都为空。//************************************************///当前播放的IMGvar NowFrame2 = 1;//最多能够播放IMG数量var MaxFrame2 = 2;//初始 IMGvar bStart2 = 0;//播放器 宽、高、名、时间var xkq_width2,xkq_height2,xkq_name2,xkq_time2;xkq_width2 = 185;xkq_height2 = 151;xkq_name2 = 'oTransContainer2';xkq_time2 = 3000;//图片容器对象var img_context2;//***********************************************//初始化 javascript 播放器:xkq_init(width,height)//参数：// width播放器宽// height播放器高//***********************************************function xkq_init2(name,time,width,height){xkq_width2 = width;xkq_height2 = height;xkq_name2 = name;xkq_time2 = time;document.write('<DIV id="'+xkq_name2+'div" style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion=\'forward\'); WIDTH: '+xkq_width2+'px; HEIGHT: '+xkq_height2+'px">'+'<span id="'+xkq_name2+'span">'+'</span>'+'</DIV>');}//************************************************//构造图片具体内容：xkq_addImg(img_list)//参数：//img_list要播放的图片列表 用 | 分开 ，具体为 图片地址、链接地址//************************************************function xkq_addImg2(img_list){var img_array = new Array();img_array = img_list.split('|');//如果 addflags为TURE，则当前为图片地址；为FALSE，则当前为图片超级连接地址var addflags = true;//图片名称下标var j = 1 ;var tmpstr = '';MaxFrame2 = (img_array.length)/2;for (var i=0 ; i<img_array.length ; i++ ){ if ( addflags){if ( j==1 )tmpstr = '<img src="'+img_array+'" id='+xkq_name2+j+' style="DISPLAY: block" border="0" width="'+xkq_width2+'" height="'+xkq_height2+'" />';elsetmpstr = '<img src="'+img_array+'" id='+xkq_name2+j+' style="DISPLAY: none" border="0" width="'+xkq_width2+'" height="'+xkq_height2+'" />';addflags = false;}else{addflags = true;j = j+1;if (img_array!='' )tmpstr = '<a target="_parent" href="'+img_array+'">' + tmpstr + '</a>';elsetmpstr = '<a target="_parent" href="#">' + tmpstr + '</a>';img_context2.innerHTML = img_context2.innerHTML + tmpstr;tmpstr = '';}}}//*******************************************//播放器主函数：fnToggle()//参数：//无参数//*******************************************function fnToggle2() { var next = NowFrame2 + 1; if(next == MaxFrame2+1){NowFrame2 = MaxFrame2;next = 1; } if(bStart2 == 0) {bStart2 = 1; setTimeout('fnToggle2()', xkq_time2);return; } else {eval(xkq_name2+'div').filters.Apply();document.images.style.display = "";document.images.style.display = "none"; eval(xkq_name2+'div').filters.Play(duration=2);if(NowFrame2 == MaxFrame2) NowFrame2 = 1;else NowFrame2++; } setTimeout('fnToggle2()', xkq_time2+3000);}//************************************************************************//播放函数：xkq_show(name,time,width,height,img_list)//参数//name播放器容器名称//time播放延时//width播放器宽//height播放器高//img_list要播放的图片列表 用 | 分开 ，具体为 图片地址、链接地址//************************************************************************function xkq_show2(name,time,width,height,img_list){//如果播放器宽或高不正确，则退出播放，显示无法播放if ( width<=0 || height<=0 ){xkq_init2(name,time,20,20);img_context2 = document.getElementById(xkq_name2+'span');img_context2.innerHTML = '无法播放图片！';return ;}xkq_init2(name,time,width,height);img_context2 = document.getElementById(xkq_name2+'span');xkq_addImg2(img_list);fnToggle2();}
页:
[1]