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 相关文章推荐
超轻量级的基于jquery的三级展开列表
Apr 26 Javascript
Extjs中通过Tree加载右侧TabPanel具体实现
May 05 Javascript
文本框水印提示效果的简单实现代码
Feb 22 Javascript
AngularJS模块管理问题的非常规处理方法
Apr 29 Javascript
包含中国城市的javascript对象实例
Aug 03 Javascript
详解vue与后端数据交互(ajax):vue-resource
Mar 16 Javascript
AngularJS 最常用的八种功能(基础知识)
Jun 26 Javascript
微信小程序 按钮滑动的实现方法
Sep 27 Javascript
js变量值传到php过程详解 将php解析成数据
Jun 26 Javascript
Vue 中如何将函数作为 props 传递给组件的实现代码
May 12 Javascript
Vue3 的响应式和以前有什么区别,Proxy 无敌?
May 20 Javascript
一小时迅速入门Mybatis之bind与多数据源支持 Java API
Sep 15 Javascript
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 SQL之where语句生成器
2009/03/24 PHP
PHP制作万年历
2015/01/07 PHP
PIGCMS 如何关闭聊天机器人
2015/02/12 PHP
JavaScript中的new的使用方法与注意事项
2007/05/16 Javascript
js截取函数(indexOf,join等)
2010/09/01 Javascript
基于datagrid框架的查询
2013/04/08 Javascript
jQuery实现平滑滚动的标签分栏切换效果
2015/08/28 Javascript
js检测用户输入密码强度
2015/10/22 Javascript
js中获取jsp表单中radio类型的值简单实例
2016/08/15 Javascript
微信小程序 页面跳转及数据传递详解
2017/03/14 Javascript
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
2017/06/26 jQuery
vue router demo详解
2017/10/13 Javascript
vue实现pdf导出解决生成canvas模糊等问题(推荐)
2018/10/18 Javascript
Vue 样式绑定的实现方法
2019/01/15 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
2020/10/31 Javascript
微信小程序抽奖组件的使用步骤
2021/01/11 Javascript
[01:34]2014DOTA2展望TI 剑指西雅图VG战队专访
2014/06/30 DOTA
python中的列表推导浅析
2014/04/26 Python
使用python实现拉钩网上的FizzBuzzWhizz问题示例
2014/05/05 Python
Python操作MongoDB数据库PyMongo库使用方法
2015/04/27 Python
Python图片裁剪实例代码(如头像裁剪)
2017/06/21 Python
python中列表和元组的区别
2017/12/18 Python
对Python中9种生成新对象的方法总结
2018/05/23 Python
Python面向对象编程基础实例分析
2020/01/17 Python
Theo + George官方网站:都柏林时尚品牌
2019/04/08 全球购物
三星印度官网:Samsung印度
2019/08/03 全球购物
Java编程面试题
2016/04/04 面试题
个人自荐信
2013/12/05 职场文书
酒店前厅员工辞职信
2014/01/08 职场文书
房地产开盘策划方案
2014/02/10 职场文书
实训报告范文大全
2014/11/04 职场文书
自主招生自荐信怎么写
2015/03/24 职场文书
寻找成龙观后感
2015/06/12 职场文书
2015秋季幼儿园开学通知
2015/07/16 职场文书
python b站视频下载的五种版本
2021/05/27 Python
笔记本自带的win11如何跳过联网激活?
2022/04/20 数码科技