手动图片播放效果

稿源：互联网 2022-04-17 23:54:20 点击： 1203 撤稿纠错

手动图片播放效果，记得先换上图片再运行，还可以多加图片上去。

以下讨论的是和特效相关的手动图片播放效果教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>阿里西西网页特效演示，　手动图片播放效果</title>
</head>

<body>

<SCRIPT language=JavaScript1.1>
var photos=new Array()
var photoslink=new Array()
var which=0
//修改下面的图像地址和相应的链接
photos[0]="http://www.alixixi.com/images/face/image21.gif"
photos[1]="http://www.alixixi.com/UploadPic/userface/no1323.jpg"
photos[2]="http://www.alixixi.com/images/face/image21.gif"
photos[3]="http://www.alixixi.com/UploadPic/userface/no1323.jpg"
photos[4]="http://www.alixixi.com/UploadPic/userface/no1323.jpg"
photos[5]="http://www.alixixi.com/images/face/image21.gif"
var linkornot=0
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""
photoslink[3]=""
photoslink[4]=""
photoslink[5]=""
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.revealTrans.Transition=Math.floor(Math.random()*23)
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}

function playeffect(){
if (document.all)
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>

<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>
<BR>
<A href="#"    onclick="backward();return false">上一张</A> <A  href="#" onclick="forward();return false">下一张</A>

</body>

</html>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于手动图片播放效果的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080714742.shtml方便下次再访问哦。

·上一篇： 点击图片将其放大
·下一篇： 图片播放器

手动图片播放效果

文章分类LIST >>返回首页

最新游戏

最新新闻