首页 / 脚本样式 / JavaScript / 图片自动播放也可通过按钮控制显示

swissarmy.js
复制代码 代码如下:
////NO need to edit /////////////

//more javascript from http://www.smallrain.net

function preloadctrl（im）{
if （typeof im=="string"）{
var imo=new Image（）;
imo.src=im;
}
}

if（document.images&&typeof preload_ctrl_images！="undefined"&&preload_ctrl_images）{
var ctrlimgs=[previmg, stopimg, playimg, nextimg]
for （var i_tem = 0; i_tem < ctrlimgs.length; i_tem++）
if （ctrlimgs[i_tem]）
preloadctrl（ctrlimgs[i_tem]）
}

var iss=[]; //array to cache inter_slide instances

function inter_slide（）{
if（！document.images||arguments.length==0）
return;
var imgs=arguments[0];
var width=null, height=null, delay=null;
if（arguments.length==2）
delay=arguments[1];
else if（arguments.length==3||arguments.length==4）
width=arguments[1], height=arguments[2], delay=arguments[3]？ arguments[3] : null;
this.dom=（document.getElementById） //modern dom browsers
this.da=document.all
this.delay=imgs.delay？ imgs.delay : delay？ delay : 3000+iss.length*750;
this.nextimgidx=0;
iss[this.issid=iss.length]=this;
this.imgs=imgs;
if （imgs.random）
this.imgs.sort（function（） {return 0.5 - Math.random（）;}） //thanks to Mike （aka Mwinter） :）
this.imgborder=imgs.border？ parseInt（imgs.border） : 0;
if （！this.dom）{
this.postimgs=new Array（） //preload imgs
for （p=0;p<imgs.length;p++）{
this.postimgs[p]=new Image（）
this.postimgs[p].src=this.imgs[p][0]
}
}

if （this.dom）{ //if modern browsers （ie: Firefox, IE5+）
this.faded=0;
this.loadimgidx=[];
this.fade=！imgs.nofade;
if（this.fade）
this.degree=10 //initial opacity degree （10%）
this.pausecheck=imgs.pause;
this.mouseovercheck=0
this.canvasbase="canvas"+this.issid
this.curcanvas=this.canvasbase+"_0"
this.descriptions=！imgs.no_descriptions;
this.man_start=imgs.manual_start;
this.addbr=！imgs.no_added_linebreaks;
this.no_auto=imgs.no_auto;
this.onclick=imgs.onclick;
this.specs=imgs.specs;
this.counter=imgs.counter;
this.ics=imgs.image_controls;
this.jumpto=imgs.jumpto;
this.no_c=imgs.no_controls;
this.target=imgs.target;
this.ualt=imgs.use_alt;
this.utit=imgs.use_title;
this.fadecolor=imgs.fadecolor;
this.ibut_hc=imgs.button_highlight;
this.dp=imgs.desc_prefix？ imgs.desc_prefix : " ";
this.imbcolor=imgs.border_color;
this.imbstyle=imgs.border_style;
this.width=imgs.width？ imgs.width : width？ width : null
this.width=this.width？ this.width+this.imgborder*2 : null;
this.height=imgs.height？ imgs.height : height？ height : null
this.height=this.height？ this.height+this.imgborder*2 : null;
var ief="", dims="";
if（this.width||this.height）
dims=this.width&&this.height？ "width:"+this.width+"px;height:"+this.height+"px;" : this.width？ "width:"+this.width+"px;" : "height:"+this.height+"px;";
if（this.fade&&document.body&&document.body.style）
ief=document.body.filters？ "filter:progid:DXImageTransform.Microsoft.alpha（opacity=0）;" : typeof document.body.style.opacity=="string"？ "opacity:0;" : "opacity:0.10;-moz-opacity:0.10;-khtml-opacity:0.10;";
var brs=this.addbr？ "<br>" : "";
if （imgs.controls_top）{
this.controls（）;
document.write（brs）
}
document.write（"<div align="center"><div id="master"+this.issid+"" style="position:relative;"+dims+"overflow:hidden;margin:0 auto;"><div id=""+this.canvasbase+"_0" style="position:absolute;"+dims+"top:0;left:0;"+ief+"background-color:"+（imgs.fadecolor？ imgs.fadecolor : "white"）+""></div><div id=""+this.canvasbase+"_1" style="position:absolute;"+dims+"top:0;left:0;"+ief+"background-color:"+（imgs.fadecolor？ imgs.fadecolor : "white"）+""></div></div></div>"）
if（this.descriptions）
document.write（brs+"<div align="center">"+this.dp+"<span id="imgdsc"+this.issid+""> </span></div> "）;
if（this.counter&&！this.descriptions）
document.write（brs）;
if（this.counter）
this.cntrl（）
if （！imgs.controls_top）{
document.write（this.ics？ "" : brs）;
this.controls（）;
}
}
else
document.write（"<div align="center"><img name="defaultslide"+this.issid+"" src=""+this.postimgs[0].src+""></div>"）


if （this.dom） //if modern browsers such as Firefox, IE5+
this.startit（）
else{
this.nextimgidx++
setInterval（"iss["+this.issid+"].rotateimg（）", this.delay）
}
}

inter_slide.prototype.cntrl=function（）{
this.cpad=this.imgs.length.toString（）.length;
document.write（"<div align="center">Viewing Image: <b><span id="thecnt"+this.issid+""></span></b>of<span style="font-size:1ex;"> </span> <b>"+this.imgs.length+"</b></div>"）;
}

inter_slide.prototype.controls=function（）{
var brs=this.addbr？ "<br>" : "  ";
if（！this.ics&&！this.no_c）
document.write（"<div align="center"><input id="prev"+this.issid+"" disabled type="button" value=" << " onclick="iss["+this.issid+"].changeimg（false, "nav"）;"> "+
（this.no_auto？ "   " : " <input id="gostp"+this.issid+"" type="button" value=" Stop " onclick="iss["+this.issid+"].gostop（this）;"> "）+
" <input id="next"+this.issid+"" disabled type="button" value=" >> " onclick="iss["+this.issid+"].changeimg（true, "nav"）;">"+（this.jumpto？ brs+"Jump to: <input disabled type="text" size=""+this.imgs.length.toString（）.length+"" id="goto"+this.issid+"" onkeydown="iss["+this.issid+"].jumper（event）;"><input id="go"+this.issid+"" disabled type="button" onclick="iss["+this.issid+"].jumper（）;" value="GO">" : ""）+"</div>"）
else if（this.ics&&！this.no_c）{
var op=document.body.filters？ " style="filter:alpha（opacity=100）;"" : " style="opacity:"+（this.man_start？ 0.99 : 0.45）+";"";
document.write（"<table align="center" cellpadding="0" cellspacing="10"><tr><td valign="middle" align="center" style="padding:2px 2px 1px 2px;"><input"+op+" onmouseover="iss["+this.issid+"].ibute（this,1）;" onmouseout="iss["+this.issid+"].ibute（this,2）;" onmousedown="iss["+this.issid+"].ibute（this,3）;" onmouseup="iss["+this.issid+"].ibute（this,4）;" type="image" title="Previous" id="prev"+this.issid+"" src=""+previmg+"" onclick="iss["+this.issid+"].changeimg（false, "nav"）;"></td>"+（this.no_auto？ "<td> </td>" : "<td valign="middle" align="center" style="padding:2px 2px 1px 2px;"><input onmouseover="iss["+this.issid+"].ibute（this,1）;" onmouseout="iss["+this.issid+"].ibute（this,2）;" onmousedown="iss["+this.issid+"].ibute（this,3）;" onmouseup="iss["+this.issid+"].ibute（this,4）;" title="Stop" type="image" id="gostp"+this.issid+"" src=""+（this.g_fPlayMode？ playimg : stopimg）+"" onclick="iss["+this.issid+"].gostop（this）;"></td>"）+"<td valign="middle" align="center" style="padding:2px 2px 1px 2px;"><input"+op+" onmouseover="iss["+this.issid+"].ibute（this,1）;" onmouseout="iss["+this.issid+"].ibute（this,2）;" onmousedown="iss["+this.issid+"].ibute（this,3）;" onmouseup="iss["+this.issid+"].ibute（this,4）;" type="image" title="Next" id="next"+this.issid+"" src=""+nextimg+"" onclick="iss["+this.issid+"].changeimg（true, "nav"）;"></td></tr></table> "）;
}
else
this.no_c=1;
}

inter_slide.prototype.jumper=function（e）{
var key;
if（typeof e=="object"）
key=e.keyCode？ e.keyCode : e.which？ e.which : 1;
if（key&&key！==13）
return;
var num=typeof e=="number"？ e : parseInt（this.go（"goto"+this.issid）.value）;
if（num<=this.imgs.length&&num>0）{
this.nextimgidx=num-2;
this.changeimg（true, "jump"）;
}
}

inter_slide.prototype.ibute=function（obj, i）{
if（！obj.parentNode）
return;
if（i==1）
obj.parentNode.style.backgroundColor=this.ibut_hc？ this.ibut_hc : "yellow";
else if（i==2）
obj.parentNode.style.backgroundColor="transparent";
else if（i==3）{
obj.parentNode.style.borderTop=obj.parentNode.style.borderLeft="1px solid gray";
obj.parentNode.style.paddingRight="1px";obj.parentNode.style.paddingBottom=0;
}
if （i==2||i==4）{
obj.parentNode.style.borderTop=obj.parentNode.style.borderLeft="none";
obj.parentNode.style.paddingRight="2px";obj.parentNode.style.paddingBottom="1px";
}
}

inter_slide.prototype.fadepic=function（）{
if （this.fade&&this.degree<100）{
this.faded=0
this.degree+=10
if （this.tempobj.filters&&this.tempobj.filters[0]）{
if （typeof this.tempobj.filters[0].opacity=="number"） //if IE6+
this.tempobj.filters[0].opacity=this.degree
else //else if IE5.5-
this.tempobj.style.filter="alpha（opacity="+this.degree+"）"
}
else if （this.tempobj.style.MozOpacity）
this.tempobj.style.MozOpacity=this.degree/101
else if （this.tempobj.style.KhtmlOpacity）
this.tempobj.style.KhtmlOpacity=this.degree/100
else if （this.tempobj.style.opacity&&！this.tempobj.filters）
this.tempobj.style.opacity=this.degree/101
}
else{
this.faded=1
clearInterval（this.fadeclear）
this.nextcanvas=（this.curcanvas==this.canvasbase+"_0"）？ this.canvasbase+"_0" : this.canvasbase+"_1"
this.tempobj=this.go（this.nextcanvas）
if（this.playing）
this.changeimg（）
}
}

inter_slide.prototype.populateslide=function（picobj, picidx）{
if（document.getElementsByTagName）{
if（picobj.getElementsByTagName（"a"）[0]&&picobj.getElementsByTagName（"a"）[0].onclick）
picobj.getElementsByTagName（"a"）[0].onclick=null;
if（picobj.getElementsByTagName（"img"）[0]&&picobj.getElementsByTagName（"img"）[0].onload）
picobj.getElementsByTagName（"img"）[0].onload=null;
}
picobj.style.backgroundColor=this.imgs[picidx].fadecolor？ this.imgs[picidx].fadecolor : this.fadecolor？ this.fadecolor : "white";
var slideHTML="<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"><tr><td width="100%" height="100%" align="center" valign="middle" style="background:transparent none;">"
if （this.imgs[picidx][2]）{ //if associated link exists for img
var specs=this.imgs[picidx][4]？ ", ""+this.imgs[picidx][4]+""" : this.specs？ ", ""+this.specs+""" : "";
slideHTML+="<a href=""+this.imgs[picidx][2]+"""+（this.imgs[picidx][3]？ " target=""+this.imgs[picidx][3]+""" : this.target？ " target=""+this.target+""" : ""）+" onclick=""+（this.onclick？ this.onclick : "window.open（this.href, （this.target？ this.target : "_self"）"+specs+"）;return false;"）+"">"
}
slideHTML+="<img id="theimg"+picidx+"_"+this.issid+"" src=""+（this.loadimgidx[picidx]&&typeof this.loadimgidx[picidx].complete=="boolean"&&this.loadimgidx[picidx].complete？ this.loadimgidx[picidx].src : this.imgs[picidx][0]）+"" alt=""+（this.ualt？ this.imgs[picidx][1] : "Slide Show Image"）+"" title=""+（this.utit？ this.imgs[picidx][1] : ""）+"" "+（this.imbcolor&&！this.imgs[picidx].noborder？ "style="border:"+this.imgborder+"px "+（this.imbstyle？ this.imbstyle : "solid"）+" "+this.imbcolor+";"" : "border=""+（this.imgs[picidx].noborder？ "0" : this.imgborder）+"""）+（！this.width||！this.height？ " onload="iss["+this.issid+"].imgload（this）;"" : ""）+">"
if （this.imgs[picidx][2]） //if associated link exists for img
slideHTML+="</a>"
slideHTML+="</td></tr></table>"
picobj.innerHTML=slideHTML
}

inter_slide.prototype.buttons=function（bool）{
if（this.no_c）
return;
var next=this.go（"next"+this.issid）, prev=this.go（"prev"+this.issid）;
next.disabled=prev.disabled=！bool;
next.title=bool？ "next" : "";
prev.title=bool？ "previous" : "";
if（this.jumpto&&！this.ics）
this.go（"go"+this.issid）.disabled=this.go（"goto"+this.issid）.disabled=！bool;
if（this.ics）{
if（！this.no_auto）{
var go=this.go（"gostp"+this.issid）
go.title=bool？ "Play" : "Stop";
go.src=bool？ playimg : stopimg;
}
if（prev.filters&&prev.parentNode）
prev.parentNode.style.filter=next.parentNode.style.filter="alpha（opacity="+（bool？ 100 : 45）+"）";
else if（prev.style.opacity&&！prev.filters）
prev.style.opacity=next.style.opacity=bool？ 0.99 : 0.45;
}
}

inter_slide.prototype.imgload=function（el）{
if（！el&&！this.imgel）
return;
var el=el？ el : this.imgel;
if（el.width==0||el.height==0）{
this.imgel=el;
var cacheobj=this;
clearTimeout（this.getdim）
this.getdim=setTimeout（function（）{cacheobj.imgload（）}, 300）
return;
}
var m=this.go（"master"+this.issid）.style, c0=this.go（this.canvasbase+"_0"）.style, c1=this.go（this.canvasbase+"_1"）.style;
if（！this.width）{
this.width=el.width+this.imgborder*2;
m.width = c0.width = c1.width = this.width+"px";
}
if（！this.height）{
this.height=el.height+this.imgborder*2;
m.height = c0.height = c1.height = this.height+"px";
}
}

inter_slide.prototype.changeimg=function（bool,nav）{
if（this.playing）{
this.buttons（false）
this.nextimgidx=（this.keeptrack（）<this.imgs.length-1）？ this.keeptrack（）+1 : 0
this.populateslide（this.tempobj, this.nextimgidx）
if（bool）
this.rotateimg（）
else{
clearTimeout（this.inprocess）
this.inprocess=setTimeout（"iss["+this.issid+"].rotateimg（）", this.delay）
}
}
else {
if（！this.faded）{
if（nav&&nav=="nav"）
return;
this.nextimgidx=this.keeptrack（）+（bool？ 1 : -1）
this.nextimgidx=（this.nextimgidx<this.imgs.length）？ this.nextimgidx : this.nextimgidx-this.imgs.length
this.nextimgidx=（this.nextimgidx>-1）？ this.nextimgidx : this.imgs.length+this.nextimgidx
return;
}
if（this.fadeclear）
clearInterval（this.fadeclear）;
if（bool）{
var loadidx=this.nextimgidx+2
loadidx=（loadidx<this.imgs.length）？ loadidx : loadidx-this.imgs.length;
loadidx=（loadidx>-1）？ loadidx : this.imgs.length+loadidx;
this.loadimgidx[loadidx]=new Image（）;
this.loadimgidx[loadidx].src=this.imgs[loadidx][0];
}
else{
var loadidx=this.nextimgidx-2
loadidx=（loadidx<this.imgs.length）？ loadidx : loadidx-this.imgs.length
loadidx=（loadidx>-1）？ loadidx : this.imgs.length+loadidx
this.loadimgidx[loadidx]=new Image（）;
this.loadimgidx[loadidx].src=this.imgs[loadidx][0];
}
if（nav&&nav=="jump"）
this.nextimgidx++;
else
this.nextimgidx=this.keeptrack（）+（bool？ 1 : -1）
this.nextimgidx=（this.nextimgidx<this.imgs.length）？ this.nextimgidx : this.nextimgidx-this.imgs.length
this.nextimgidx=（this.nextimgidx>-1）？ this.nextimgidx : this.imgs.length+this.nextimgidx
this.populateslide（this.tempobj, this.nextimgidx）
this.rotateimg（）
}
}

inter_slide.prototype.go=function（id）{
return this.da？ this.da[id] : document.getElementById（id）;
}

inter_slide.prototype.rotateimg=function（）{
if（this.dom）{
var cimg=this.go（"theimg"+this.nextimgidx+"_"+this.issid）？ this.go（"theimg"+this.nextimgidx+"_"+this.issid） : null;
if（cimg&&typeof cimg.complete=="boolean"&&！cimg.complete）{
var cacheobj=this
clearTimeout（this.loading）
this.loading=setTimeout（function（）{cacheobj.rotateimg（）}, 300）
return;
}
if （this.mouseovercheck==1）{
var cacheobj=this
clearTimeout（this.mousep）
this.mousep=setTimeout（function（）{cacheobj.rotateimg（）}, 100）
return;
}
if（this.fade）
this.resetit（）
var crossobj=this.tempobj=this.go（this.curcanvas）
crossobj.style.zIndex++
var othercanvas=this.curcanvas==this.canvasbase+"_0"？ this.go（this.canvasbase+"_1"） : this.go（this.canvasbase+"_0"）;
othercanvas.style.zIndex=0;
if（this.descriptions）
this.go（"imgdsc"+this.issid）.innerHTML = this.imgs[this.keeptrack（）][1];
if（this.counter）{
var padit="";
for （var p=0; p<this.cpad-（this.nextimgidx+1）.toString（）.length; p++）
padit+="<span style="visibility:hidden;">0</span>";
this.go（"thecnt"+this.issid）.innerHTML = padit+（this.keeptrack（）<this.imgs.length？ this.keeptrack（）+1 : 1）;
}
if （this.jumpto）
this.go（"goto"+this.issid）.value=this.keeptrack（）<this.imgs.length？ this.keeptrack（）+1 : 1;
this.jumperidx=this.keeptrack（）<this.imgs.length？ this.keeptrack（）+1 : 1;
var fadeobj=this
clearInterval（this.fadeclear）
this.fadeclear=setInterval（function（）{fadeobj.fadepic（）},50）
this.curcanvas=（this.curcanvas==this.canvasbase+"_0"）？ this.canvasbase+"_1" : this.canvasbase+"_0"
}
else{
var v4imgobj=document.images["defaultslide"+this.issid]
v4imgobj.src=this.postimgs[this.nextimgidx].src
this.nextimgidx=（this.nextimgidx<this.imgs.length-1）？ this.nextimgidx+1 : 0
}
}

inter_slide.prototype.resetit=function（）{
this.degree=10
var crossobj=this.go（this.curcanvas）
if （crossobj.filters&&crossobj.filters[0]）{
if （typeof crossobj.filters[0].opacity=="number"） //if IE6+
crossobj.filters（0）.opacity=this.degree
else //else if IE5.5-
crossobj.style.filter="alpha（opacity="+this.degree+"）"
}
else if （crossobj.style.MozOpacity）
crossobj.style.MozOpacity=this.degree/101
else if （crossobj.style.KhtmlOpacity）
crossobj.style.KhtmlOpacity=this.degree/100
else if （crossobj.style.opacity&&！crossobj.filters）
crossobj.style.opacity=this.degree/101
}

inter_slide.prototype.startit=function（）{
this.playing=1
var crossobj=this.go（this.curcanvas）
this.populateslide（crossobj, this.nextimgidx）
if （this.pausecheck==1）{ //if slideshow should pause onmouseover
var cacheobj=this
var crossobjcontainer=this.go（"master"+this.issid）
crossobjcontainer.onmouseover=function（）{cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function（）{cacheobj.mouseovercheck=0}
}
this.rotateimg（）
if（this.no_auto）
this.gostop（）;
else if（this.man_start）
this.gostop（this.go（"gostp"+this.issid））;
else if（this.ics&&document.body.filters）{ //kludge for IE5.5 bug
this.buttons（false）;
}
}

inter_slide.prototype.gostop=function（el）{
if（el）
el.value=el.value==" Stop "？ " Play " : " Stop ";
if（this.inprocess&&this.playing）{
clearTimeout（this.inprocess）;
this.nextimgidx-=this.faded;
}
this.playing=！this.playing;
if（this.playing）{
clearInterval（this.fadeclear）
this.faded=1
this.changeimg（true）;
}
else{
var loadidx=（this.keeptrack（）<this.imgs.length-1）？ this.keeptrack（）+1 : 0
this.loadimgidx[loadidx]=new Image（）;
this.loadimgidx[loadidx].src=this.imgs[loadidx][0];
this.jumper（this.jumperidx？ this.jumperidx : 0）
this.buttons（true）;
}
}

inter_slide.prototype.keeptrack=function（）{
if（！document.getElementsByTagName）
return this.nextimgidx;
var canvases=[this.go（"canvas"+this.issid+"_0"）, this.go（"canvas"+this.issid+"_1"）]
if（canvases[0].style.zIndex>canvases[1].style.zIndex&&canvases[0].getElementsByTagName（"img"）[0]）
return parseInt（canvases[0].getElementsByTagName（"img"）[0].id.replace（/theimg/, ""））
else if（canvases[1].getElementsByTagName（"img"）[0]）
return parseInt（canvases[1].getElementsByTagName（"img"）[0].id.replace（/theimg/, ""））
else
return this.nextimgidx;
}

<style type="text/css"> /* All Styles Optional */ * { font-family:arial; font-size:10pt; } div#show3 { background-color:#efefef; width:140px; margin:0 auto; border:1px solid #444444; } div#show3 table td, div#show4 table td { height:24px; background-image:url（"38.gif"）; } div#show4 table td { background-image:url（"40.gif"）; } div#show3 table input,div#show4 table input { outline-style:none; } </style><script type="text/javascript"> //more javascript from http://www.smallrain.net //If using image buttons as controls, Set image buttons" image preload here true //（use false for no preloading and for when using no image buttons as controls）: var preload_ctrl_images=true; //And configure the image buttons" images here: var previmg="/jsimg/2007_1_25/200712515214375902_left.gif"; var stopimg="/jsimg/2007_1_25/200712515241774688_stop.gif"; var playimg="/jsimg/2007_1_25/200712515244076363_play.gif"; var nextimg="/jsimg/2007_1_25/20071251525439966_right.gif"; var slides=[]; //FIRST SLIDESHOW //configure the below images and descriptions to your own.slides[0] = ["/jsimg/2007_1_25/photo1.jpg", "说明一"]; slides[1] = ["/jsimg/2007_1_25/photo2.jpg", "说明二"]; slides[2] = ["/jsimg/2007_1_25/photo3.jpg", "说明三"]; slides[3] = ["/jsimg/2007_1_25/photo4.jpg", "说明四"]; slides[4] = ["/jsimg/2007_1_25/photo5.jpg", "说明五"]; //above slide show uses only the defaults var slides2=[]; //SECOND SLIDESHOW //configure the below images and descriptions to your own.slides2[0] = ["/jsimg/2007_1_25/photo6.jpg", "说明六"]; slides2[1] = ["/jsimg/2007_1_25/photo7.jpg", "说明七"]; slides2[2] = ["/jsimg/2007_1_25/photo8.jpg", "说明八"]; slides2[3] = ["/jsimg/2007_1_25/photo9_thumb.jpg", "说明九"]; //optional properties for these images: slides2.desc_prefix="<b>Description:</b> "; //string prefix for image descriptions display slides2.controls_top=1; //use for top controls slides2.counter=1; //use to show image count slides2.width=140; //use to set width of widest image if dimensions vary slides2.height=225; //use to set height of tallest image if dimensions vary slides2.no_auto=1; //use to make show completely user operated （no play button, starts in stopped mode） slides2.use_alt=1; //use for descriptions as images alt attributes slides2.use_title=1; //use for descriptions as images title attributes slides2.nofade=1; //use for no fade-in, fade-out effect for this show slides2.border=2; //set border width for images slides2.border_color="lightblue"; //set border color for images var slides3=[]; //THIRD SLIDESHOW //configure the below images and descriptions to your own, note optional links, target and window specifications.slides3[0] = ["/jsimg/2007_1_25/1_side.jpg", "", "http://www.smallrain.net", "_new", "top=250, left=300, width=500, height=300, location, resizable, scrollbars"]; slides3[1] = ["/jsimg/2007_1_25/2_side.jpg", ""]; slides3[2] = ["/jsimg/2007_1_25/3_side.jpg", "", "http://www.smallrain.net"]; slides3[3] = ["/jsimg/2007_1_25/5_side.jpg", "", "http://www.smallrain.net", "_new"]; //optional properties for these images: slides3.no_descriptions=1; //use for no descriptions displayed slides3.pause=1; //use for pause onmouseover slides3.image_controls=1; //use images for controls slides3.button_highlight="#cccccc"; //onmouseover background-color for image buttons （requires image_controls=1） slides3.specs="width=300, height=250" //global specifications for this show"s new window（s） slides3.random=1; //set a random slide sequence on each page load slides3.manual_start=1; //start show in manual mode （stopped） //Notes: //slides#.target will set a target for a slide group, will be overridden by slides#[#][3], if present //slides#.specs will set new window specifications for a slide group, will be overridden by slides#[#][4], if present //slides#.fadecolor will set fading images background color, defaults to white //slides#.no_controls will set a slide show with no controls //slides#.random will set a random slide sequence on each page load //slides#.delay=3000 will set miliseconds delay between slides for a given show, may also be set in the call as the last parameter //slides#.jumpto=1 will display added controls to jump to a particular image by its number //slides#.no_added_linebreaks=1; use for no added line breaks in formatting of texts and controls //use below to create a customized onclick event for linked images in a given show: //slides#.onclick="window.open（this.href,this.target,"top=0, left=0, width="+screen.availWidth+", height="+screen.availHeight）;return false;" </script> <script src="/downtools/swissarmy.js" language="javascript"></script> <script type="text/javascript"> //Notes on Parameters: The only required parameter is the slides_array_name.If Width is used, so must Height. //Interval is optional too.It is always last, either fourth after Width and Height or second after Slides_array_name. //Usage: new inter_slide（Slides_array_name, Width, Height, Interval） new inter_slide（slides） </script> <br/><script type="text/javascript"> new inter_slide（slides2） </script> <br/><script type="text/javascript"> new inter_slide（slides3） </script><br/>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]