»
Tiếng AnhTiếng PhápTiếng Việt

In - Trình diễn ảnh qua nút nhấn - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Hình ảnh » Trình diễn ảnh » Trình diễn ảnh qua nút nhấn
URL: https://www.javascriptbank.com/slideshow-with-description.html

Trình diễn ảnh qua nút nhấn © JavaScriptBank.comẢnh sẽ được thay đổi khi ta nhấn nút.

Phiên bản đầy đủ: jsB@nk » Hình ảnh » Trình diễn ảnh » Trình diễn ảnh qua nút nhấn
URL: https://www.javascriptbank.com/slideshow-with-description.html



JavaScript
<SCRIPT>//detecting browser to dynamically write appropriate DIVs/LAYERsN=(navigator.appName.indexOf('Netscape')!=-1&&parseInt(navigator.appVersion)<5)S=(navigator.appName.indexOf('Netscape')!=-1&&parseInt(navigator.appVersion)>4.9)M=(navigator.appName.indexOf('Microsoft')!=-1)Vis=new Array()Vis[0]=(M||S) ? "hidden" : "hide"Vis[1]=(M||S) ? "visible" : "show"function GetDiv(divId,divY,divX,divW,divH,bCol,visb,zInd){bkCol=(bCol!="")?((N)?" bgColor="+bCol:";background:"+bCol):""Styl = (M||S) ? "<DIV" : "<LAYER"if(M||S){Styl+=" ID="+divIdStyl+=" style='position:absolute;top:"+divY+";left:"+divX+";width:"+divW+";height:"+divH+bkColStyl+=";visibility:"+Vis[visb]+";z-index:"+zIndStyl+="'>"}if(N){Styl+=" ID="+divIdStyl+=" top="+divY+" left="+divX+" width="+divW+" height="+divH+bkColStyl+=" visibility="+Vis[visb]+" z-index="+zIndStyl+=">"}document.writeln(Styl)}function EndDiv(){(M||S)? document.writeln("</DIV>"): document.writeln("</LAYER>")}function PutIt(ID,dX,dY){if(N){document.layers[ID].left=dXdocument.layers[ID].top=dY}if(M){document.all[ID].style.left=dXdocument.all[ID].style.top=dY}if(S){document.getElementById(ID).style.left=dXdocument.getElementById(ID).style.top=dY}}function ShowHide(ID,vs){if(N){document.layers[ID].visibility=Vis[vs]}if(M){document.all[ID].style.visibility=Vis[vs]}if(S){document.getElementById(ID).style.visibility=Vis[vs]}}function Xof(ID){if(N){return document.layers[ID].left}if(M){return document.all[ID].style.left}if(S){return document.getElementById(ID).style.left}}function Yof(ID){if(N){return document.layers[ID].top}if(M){return document.all[ID].style.top}if(S){return document.getElementById(ID).style.top}}function Zind(ID,zz){if(N){document.layers[ID].zIndex=zz}if(M){document.all[ID].style.zIndex=zz}if(S){document.getElementById(ID).style.zIndex=zz}}function ChangeCol(ID,colrx){if(M)document.all[ID].style.background=colrxif(N)document.layers[ID].bgColor=colrxif(S)document.getElementById(ID).style.background=colrx}function DivWrite(IdName,Str) {if (N){document.layers[IdName].document.write(Str)document.layers[IdName].document.close()}if(M) document.all[IdName].innerHTML=Strif(S) document.getElementById(IdName).innerHTML=Str}</SCRIPT><SCRIPT>n=0function Play(dir){//document.Spkr.src="overhead2.jpg"ShowHide("Slide"+n,0)dirX=dirsetTimeout('ShowIt(dirX)',500)}function ShowIt(dirD){n+=dirDif(n>Imgs.length-1)n=0if(n<0)n=Imgs.length-1ShowHide("Slide"+n,1)//document.Spkr.src="overhead1.jpg"}GetDiv("Intro",100,120,250,200,'navy',1,1)document.write("<center><hr><b>Slide Show by<br></b>")document.write("<p>Please wait...<p>Slides are being loaded...<hr></center>")EndDiv()Imgs=new Array("logojs.jpg","photo1.jpg","photo2.jpg","photo3.jpg","photo4.jpg")Nars=new Array("Who is this?","Ancient medicine...","The flying doctor...","The children doctor...","The injection doctor...")for(x=0;x<Imgs.length;x++){GetDiv("Slide"+x,100,120,250,200,'navy',0,2)document.write("<center><hr><b>Slide ",x+1,"</b><hr><img src=",Imgs[x],"><br>",Nars[x],"</center>")EndDiv()}GetDiv("Button",330,10,450,100,'',0,2)document.write("<center><form name=Clicker><p>")document.write("<input type=button value='<<' onclick='Play(-1)'> ")document.write("<input type=button value='>>' onclick='Play(1)'>")document.write("</form></center>")EndDiv()function Init(){ShowHide("Intro",0)ShowHide("Button",1)ShowHide("Slide0",1)}</SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<BODY onload="setTimeout('Init()',2000)"></BODY><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->