DHTML Slide Show script图片轮换
步骤 1: 将下面代码加到 <head> 标签内:
<script type="text/javascript">
/***********************************************
* dhtml slideshow script- © dynamic drive dhtml code library (www.dynamicdrive.com)
* this notice must stay intact for legal use
* visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var photos=new array()
var photoslink=new array()
var which=0
//define images. you can have as many as you want:
photos[0]="photo1.jpg"
photos[1]="photo2.jpg"
photos[2]="photo3.jpg"
//specify whether images should be linked or not (1=linked)
var linkornot=0
//set corresponding urls for above images. define only if variable linkornot equals "1"
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""
//do not edit pass this line
var preloadedimages=new array()
for (i=0;i<photos.length;i++){
preloadedimages[i]=new image()
preloadedimages[i].src=photos[i]
}
function applyeffect(){
if (document.all && photoslider.filters){
photoslider.filters.revealtrans.transition=math.floor(math.random()*23)
photoslider.filters.revealtrans.stop()
photoslider.filters.revealtrans.apply()
}
}
function playeffect(){
if (document.all && photoslider.filters)
photoslider.filters.revealtrans.play()
}
function keeptrack(){
window.status="image "+(which+1)+" of "+photos.length
}
function backward(){
if (which>0){
which--
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function forward(){
if (which<photos.length-1){
which++
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function transport(){
window.location=photoslink[which]
}
</script>
步骤 2: 将下面代码加到需要的地方:
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" colspan="2" height="22"><center>
<script>
if (linkornot==1)
document.write('<a href="javascript:transport()">')
document.write('<img src="'+photos[0]+'" name="photoslider" style="filter:revealtrans(duration=2,transition=23)" border=0>')
if (linkornot==1)
document.write('</a>')
</script>
</center></td>
</tr>
<tr>
<td width="50%" height="21"><p align="left"><a href="#" onclick="backward();return false">previous slide</a></td>
<td width="50%" height="21"><p align="right"><a href="#" onclick="forward();return false">next slide</a></td>
</tr>
</table>
<p align="center"><font face="arial" size="-2">free dhtml scripts provided by<br>
<a href="http://dynamicdrive.com">dynamic drive</a></font></p>
如对本文有疑问,
点击进行留言回复!!
相关文章:
-
-
-
-
-
-
-
计算机前端基础
介绍什么是前端?计算机前端就是创建web页面和APP(例如微信、支付宝等)前端界面呈现给使用者的过程,通过HTM...
[阅读全文]
-
-
-
-
网友评论