源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

DHTML Slide Show script图片轮换

  • 时间:2022-12-10 10:12 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:DHTML Slide Show script图片轮换
步骤 1: 将下面代码加到 <head> 标签内:
[u]复制代码[/u] 代码如下:
<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: 将下面代码加到需要的地方:
[u]复制代码[/u] 代码如下:
<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> 
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部