Home > Web Front-end > JS Tutorial > body text

DHTML Slide Show script image rotation_image special effects

WBOY
Release: 2016-05-16 19:05:58
Original
894 people have browsed it

步骤 1: 将下面代码加到  标签内:

复制代码 代码如下:


  
/***********************************************   
* 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;ipreloadedimages[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 (whichwhich    
applyeffect()   
document.images.photoslider.src=photos[which]   
playeffect()   
keeptrack()   
}   
}   
function transport(){   
window.location=photoslink[which]   
}   
  

步骤 2: 将下面代码加到需要的地方:
复制代码 代码如下:


  
  
  
<script>   <br>if (linkornot==1)    <br>document.write('<a href="javascript:transport()">')    <br>document.write('<img src="' photos[0] '" name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=0>')    <br>if (linkornot==1)    <br>document.write('</a>')    <br></script>  
  
  
  
Previous Slide  
Next Slide  
  
  
Free DHTML scripts provided by
  
Dynamic Drive

 
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template