图形幻灯播放器 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)地址都为空。


//************************************************/

//当前播放的IMG
	var NowFrame2 = 1;
	
	//最多能够播放IMG数量
	var MaxFrame2 = 2;
	
	//初始 IMG
	var 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[i]+'" id='+xkq_name2+j+' style="DISPLAY: block" border="0" width="'+xkq_width2+'" height="'+xkq_height2+'" />';
				else
					tmpstr = '<img src="'+img_array[i]+'" 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[i]!='' )
					tmpstr = '<a target="_parent" href="'+img_array[i]+'">' + tmpstr + '</a>';
				else
					tmpstr = '<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[0].Apply();
	  document.images[xkq_name2+next].style.display = "";
	  document.images[xkq_name2+NowFrame2].style.display = "none"; 
	  eval(xkq_name2+'div').filters[0].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();
	}