步骤1:将下面代码加到<head>标签内:
复制代码 代码如下:
<scripttype="text/javascript">
/***********************************************
*DHTMLslideshowscript-©DynamicDriveDHTMLcodelibrary(www.dynamicdrive.com)
*Thisnoticemuststayintactforlegaluse
*Visithttp://www.dynamicdrive.com/forfullsourcecode
***********************************************/
varphotos=newArray()
varphotoslink=newArray()
varwhich=0
//defineimages.Youcanhaveasmanyasyouwant:
photos[0]="photo1.jpg"
photos[1]="photo2.jpg"
photos[2]="photo3.jpg"
//Specifywhetherimagesshouldbelinkedornot(1=linked)
varlinkornot=0
//SetcorrespondingURLsforaboveimages.DefineONLYifvariablelinkornotequals"1"
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""
//doNOTeditpassthisline
varpreloadedimages=newArray()
for(i=0;i<photos.length;i++){
preloadedimages[i]=newImage()
preloadedimages[i].src=photos[i]
}
functionapplyeffect(){
if(document.all&&photoslider.filters){
photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}
functionplayeffect(){
if(document.all&&photoslider.filters)
photoslider.filters.revealTrans.play()
}
functionkeeptrack(){
window.status="Image"+(which+1)+"of"+photos.length
}
functionbackward(){
if(which>0){
which--
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
functionforward(){
if(which<photos.length-1){
which++
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
functiontransport(){
window.location=photoslink[which]
}
</script>
步骤2:将下面代码加到需要的地方:
复制代码 代码如下:
<tableborder="0"cellspacing="0"cellpadding="0">
<tr>
<tdwidth="100%"colspan="2"height="22"><center>
<script>
if(linkornot==1)
document.write('<ahref="javascript:transport()">')
document.write('<imgsrc="'+photos[0]+'"name="photoslider"style="filter:revealTrans(duration=2,transition=23)"border=0>')
if(linkornot==1)
document.write('</a>')
</script>
</center></td>
</tr>
<tr>
<tdwidth="50%"height="21"><palign="left"><ahref="#"onClick="backward();returnfalse">PreviousSlide</a></td>
<tdwidth="50%"height="21"><palign="right"><ahref="#"onClick="forward();returnfalse">NextSlide</a></td>
</tr>
</table>
<palign="center"><fontface="Arial"size="-2">FreeDHTMLscriptsprovidedby<br>
<ahref="http://dynamicdrive.com">DynamicDrive</a></font></p>