사진의 자동 재생은 버튼_이미지 특수 효과를 통해 제어할 수도 있습니다.

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;pthis.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? '
' : '';
if (imgs.controls_top){
this.controls();
document.write(brs)
}
document.write('

<\/div>

<\/div><\/div><\/div>')
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 Firefox, IE5와 같은 최신 브라우저
this.startit()
else{
this.nextimgidx
setInterval("iss[" this.issid "].rotateimg()", this.delay)
}
}

inter_slide. 프로토타입.cntrl=function(){
this.cpad=this.imgs.length.toString().length;
document.write('이미지 보기:  of    ' this.imgs.length '

')
}

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 '다음으로 이동: '  : '') '

')
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');
}
else
this.no_c=1;
}

inter_slide.prototype.jumper=function(e){
var key;
if(typeof e=='object')
key=e.keyCode? e.keyCode : e.어떤? e.어떤 : 1;
if(key&&key!==13)
return;
var num=typeof e=='숫자'? e: parseInt(this.go('goto' this.issid).value);
if(num<=this.imgs.length&&num>0){
this.nextimgidx=num-2;
this.changeimg(true, '점프');
}
}

inter_slide.prototype.ibute=function(obj, i){
if(!obj.parentNode)
return;
if(i==1)
obj.parentNode.style.BackgroundColor=this.ibut_hc? this.ibut_hc : '노란색';
else if(i==2)
obj.parentNode.style.BackgroundColor='transparent';
else if(i==3){
obj.parentNode.style.borderTop=obj.parentNode.style.borderLeft='1px 단색 회색';
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 : '흰색';
var slideHTML=''
if (this.imgs[picidx][2]){ //img에 대한 연결된 링크가 존재하는 경우
var specs=this.imgs[picidx][4]? ", '" this.imgs[picidx][4] "'" : this.specs? ", '" this.specs "'" : '';
slideHTML =''
}
slideHTML =' '
if (this.imgs[picidx][2]) //img
slideHTML =''에 대한 연결된 링크가 존재하는 경우
slideHTML =''
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=부울? '다음' : '';
prev.title=bool? '이전의' : '';
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? '재생' : '중지';
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? 엘: 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').스타일;
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.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.nextimgidxthis.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=(loadidxloadidx=(loadidx>-1)? loadidx : this.imgs.length loadidx;
this.loadimgidx[loadidx]=new 이미지();
this.loadimgidx[loadidx].src=this.imgs[loadidx][0];
}
else{
var loadidx=this.nextimgidx-2
loadidx=(loadidxloadidx=(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.nextimgidxthis.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){
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(){ cashobj.rotateimg()}, 300)
return;
}
if (this.mouseovercheck==1){
var cacheobj=this
clearTimeout(this.mousep)
this.mousep=setTimeout(function(){cacheobj.rotateimg( )}, 100)
반환;
}
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='';
(var p=0; ppadit =' 0';
this.go('thecnt' this.issid).innerHTML = padit (this.keeptrack()}
if (this.jumpto)
this.go('goto' this.issid).value=this.keeptrack()this.jumperidx=this.keeptrack()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}
}

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 슬라이드쇼가 마우스오버 시 일시중지되어야 함
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){ //IE5.5 버그에 대한 kludge
this.buttons(false);
}
}

inter_slide.prototype.gostop=function(el){
if(el)
el.value=el.value==' 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.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. 교체(/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> <!--[if IE]> <style type="text/css"> div#show3 table td, div#show4 table td { height:21px; } </style> <![endif]--> <p> </p> <p> </p> <p> </p> <div id="show3"> </div>

[Ctrl A 전체选 注:如需引入외부Js需刷新才能执行]

관련 라벨：

图片自动播放也可通过按钮控制显示

원천：php.cn

이전 기사：DOM 관련 콘텐츠 빠른 참조 매뉴얼_기본 지식 다음 기사：Zhang Xiaoxiang JavaScript 학습 단계 요약 (2)--(X)HTML 학습_기본 지식

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

저자별 최신 기사

• NullPointerException은 무엇이며 어떻게 해결합니까?
  2024-10-22 09:46:29
• 초보자에서 코더까지: C 기초로 시작되는 여정
  2024-10-13 13:53:41
• PHP로 웹 개발 잠금 해제: 초보자 가이드
  2024-10-12 12:15:51
• C에 대한 이해: 새로운 프로그래머를 위한 명확하고 간단한 길
  2024-10-11 22:47:31
• 코딩 잠재력 발휘: 완전 초보자를 위한 C 프로그래밍
  2024-10-11 19:36:51
• 내면의 프로그래머를 깨워보세요: 완전 초보자를 위한 C
  2024-10-11 15:50:41
• C로 일상을 자동화하세요: 초보자를 위한 스크립트 및 도구
  2024-10-11 15:07:41
• PHP가 쉬워졌습니다: 웹 개발의 첫 번째 단계
  2024-10-11 14:21:21
• Python으로 무엇이든 빌드하기: 창의력을 발휘하기 위한 초보자 가이드
  2024-10-11 12:59:11
• 코딩의 핵심: 초보자를 위한 Python의 힘 활용
  2024-10-11 12:17:31

최신 이슈

function_exists()는 사용자 정의 함수를 결정할 수 없습니다. 기능 테스트() {                                                                                ...

에서 2024-04-29 11:01:01

0

3

2352

Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?

에서 2024-04-23 00:22:19

0

11

2485

자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다. 처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.

에서 2024-04-19 15:37:47

0

1

2102

상위 창에 출력이 없습니다. document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.');

에서 2024-04-18 23:52:34

0

1

1982

CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어

에서 2024-04-16 10:10:18

0

0

2053

관련 주제

더>

• Linux에서 일반적으로 사용되는 쉘 명령
• 리눅스 파일 찾기 명령
• 웹 서비스 호출
• 기본 프린터 설정
• vue v-if
• win7 32비트와 64비트의 차이점
• APM이 뭐야?
• Huobi.com에서 비트코인을 사고 파는 방법에 대한 튜토리얼