DHTML Slide Show script图片轮换


Posted in Javascript onMarch 03, 2008

步骤 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> 
Javascript 相关文章推荐
javascript getElementsByClassName 和js取地址栏参数
Jan 02 Javascript
js 点击按钮弹出另一页,选择值后,返回到当前页
May 26 Javascript
体验js中splice()的强大(插入、删除或替换数组的元素)
Jan 16 Javascript
js中arguments的用法(实例讲解)
Nov 30 Javascript
Jquery插件easyUi实现表单验证示例
Dec 15 Javascript
基于jQuery实现淡入淡出效果轮播图
Jul 31 Javascript
Node.js事件的正确使用方法
Apr 05 Javascript
如何正确理解vue中的key详解
Nov 02 Javascript
js实现文字头像的生成代码
Mar 07 Javascript
基于vue和bootstrap实现简单留言板功能
May 30 Javascript
微信小程序实现转盘抽奖
Sep 21 Javascript
jquery实现拖拽添加元素功能
Dec 01 jQuery
JavaScript面向对象编程
Mar 02 #Javascript
一个javascript参数的小问题
Mar 02 #Javascript
js加解密 脚本解密
Feb 22 #Javascript
JS应用之禁止抓屏、复制、打印
Feb 21 #Javascript
js 调整select 位置的函数
Feb 21 #Javascript
js 替换
Feb 19 #Javascript
javascript replace方法与正则表达式
Feb 19 #Javascript
You might like
php教程之魔术方法的使用示例(php魔术函数)
2014/02/12 PHP
php根据年月获取当月天数及日期数组的方法
2016/11/30 PHP
laravel利用中间件做防非法登录和权限控制示例
2019/10/21 PHP
小型js框架veryide.librar源代码
2009/03/05 Javascript
jQuery EasyUI 中文API Layout(Tabs)
2010/04/27 Javascript
jquery关于图形报表的运用实现代码
2011/01/06 Javascript
jQuery中 noConflict() 方法使用
2013/04/25 Javascript
jquery实现按Enter键触发事件示例
2013/09/10 Javascript
javascript数组操作总结和属性、方法介绍
2014/04/05 Javascript
优化RequireJS项目的相关技巧总结
2015/07/01 Javascript
ajax实现动态下拉框示例
2017/01/10 Javascript
js中的DOM模拟购物车功能
2017/03/22 Javascript
js实现拖拽与碰撞检测
2020/09/18 Javascript
[48:26]VGJ.S vs infamous Supermajor 败者组 BO3 第二场 6.4
2018/06/05 DOTA
Python struct.unpack
2008/09/06 Python
部署Python的框架下的web app的详细教程
2015/04/30 Python
Python将一个CSV文件里的数据追加到另一个CSV文件的方法
2018/07/04 Python
利用Pandas读取文件路径或文件名称包含中文的csv文件方法
2018/07/04 Python
Python字典中的键映射多个值的方法(列表或者集合)
2018/10/17 Python
Python实现FTP弱口令扫描器的方法示例
2019/01/31 Python
python实现QQ空间自动点赞功能
2019/04/09 Python
python基于SMTP协议发送邮件
2019/05/31 Python
python实现LRU热点缓存及原理
2019/10/29 Python
html5实现canvas阴影效果示例
2014/05/07 HTML / CSS
六年级数学教学反思
2014/02/03 职场文书
学生周末回家住宿长期请假条
2014/02/15 职场文书
高中军训感想300字
2014/03/04 职场文书
目标责任书格式
2014/07/28 职场文书
科级干部群众路线教育实践活动对照检查材料思想汇报
2014/09/20 职场文书
法定授权委托证明书
2014/09/27 职场文书
2015年幼儿园元旦亲子活动方案
2014/12/09 职场文书
入党现实表现材料
2014/12/23 职场文书
先进个人自荐书
2015/03/06 职场文书
2015年党风廉政建设工作总结
2015/04/09 职场文书
python通配符之glob模块的使用详解
2021/04/24 Python
Android自定义双向滑动控件
2022/04/19 Java/Android