Slide show 的制作

作者: 来源:网络文章时间:2005-12-11 23:12:10

Slide show 的制作(1)

点击预览效果页面......

用于图片展示的一个脚本，图片之间的切换使用了各种的过场效果。

制作方法：
将下面的代码复制到<head>后：
<script language="Javascript1.1">
var photos=new Array()
var photoslink=new Array()
var which=0

//定义图像. 可以有多张图像，图像必须有相同大小尺寸 (for NS's sake)
photos[0]="image1.gif"
photos[1]="image2.gif"
photos[2]="image3.gif"
photos[3]="image4.gif"
photos[4]="image5.gif"

//指定图像的是否有超级链接 (1=linked)
var linkornot=0

//设定图像的超链接地址仅为linkornot变量为"1"时可用
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""
photoslink[3]=""
photoslink[4]=""

//不要编辑下面的代码

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>
注意代码中的描述文字，用户可相应改动代码！
可以增减图片和添加图片链接。
在页面<body>的相应位置，加入代码：
<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>')

1.Slide show 的制作(1)
2.Slide show 的制作(2)

共2页 9 7 [1] [2] 8 :>

Slide show 的制作相关文章：

Slide show 的制作相关软件：

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。
转载请注明来源：http://www.xgdown.com