// ------------使用说明------------------------
// 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();
}
图形幻灯播放器 Javascript 版本
最新推荐文章于 2022-12-14 11:19:05 发布