代码如下:
////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
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? '
' : '';
if (imgs.controls_top){
this.controls();
document.write(brs)
}
document.write('
<\/div>
<\/div><\/div><\/div>')
if(this.descriptions)
document.write(brs+'
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>')
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('
if(this.descriptions)
document.write(brs+'
'+this.dp+' <\/span>
\n'); 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('
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('
Viewing Image: <\/span><\/b>of '+this.imgs.length+'<\/b><\/div>');
}
inter_slide.prototype.controls=function(){
var brs=this.addbr? '
' : ' ';
if(!this.ics&&!this.no_c)
document.write('
}
inter_slide.prototype.controls=function(){
var brs=this.addbr? '
' : ' ';
if(!this.ics&&!this.no_c)
document.write('
\n'+
(this.no_auto? ' ' : ' \n')+
' '+(this.jumpto? brs+'Jump to: ' : '')+'<\/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('
(this.no_auto? ' ' : ' \n')+
' '+(this.jumpto? brs+'Jump to: ' : '')+'<\/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('
| <\/td>' : ' | <\/td>')+' | } 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='
|