Slide-Show and Flip-Picture
******************************************
Free JavaScript provided by ©2007-VB'Breizh
**Updated (06/14/2007) Compatibility :
Source Code :
<html><head> <script language="JavaScript"><!-- var i=-1; var w; var wmax=50; var run; var delay; var nr; var PICS= new Array("../jpg/cktregor.jpg","../jpg/ckleon.jpg","../jpg/ckstmalo.jpg","../jpg/cknantes.jpg","../jpg/ckrennes.jpg","../jpg/ckdol.jpg"); function flip(arg) { document.getElementById('pic1').style.visibility='visible'; i++; if (i>PICS.length-1){initialize();} document.getElementById('pic1').src=PICS[i]; if (arg=='min') {w=wmax; document.getElementById('pic1').width=wmax; run=setInterval('pic_min()',1);} if (arg=='max') {w=0; document.getElementById('pic1').width=0; run=setInterval('pic_max()',1);} } function pic_min() { //--------HIDE RUNNING-PIC, PREPARE NEXT-PIC if (w>0) {w--; document.getElementById('pic1').width=w;} if (w ==0) { window.clearInterval(run); if (i==PICS.length){initialize();} if (i<PICS.length-1){flip('max');} } } function pic_max() { //--------SHOW RUNNING-PIC if (w<wmax) {w++; document.getElementById('pic1').width=w;} if (w== wmax) { window.clearInterval(run); nr=0; delay= setInterval('wait()',1000);} } function initialize() { window.clearInterval(run); window.clearInterval(delay); i=-1; nr=0; document.getElementById('pic1').style.visibility='hidden'; } function wait() { nr=nr+1; if (nr==2) { //------WAIT FOR---DELAY (seconds) window.clearInterval(delay); run=setInterval('pic_min()',1); pic_min();} } --></script></head> <body> Free JavaScript provided by ©2007-VB'Breizh<hr> <center><p> <div id="div1" style="height:120px;"> <p><img name="pic1" id="pic1" src="../jpg/cktregor.jpg" width=0px height=100px style="visibility:hidden;"> </div><p> <input type= button value="Start..." onclick="flip('max')"> <input type= button value="...Stop" onclick="initialize()"> <p> </center> </body></html>
Comment, question ?
Slide-Show and Flip-Picture 
Slide-Show and Flip-Picture
Comment, question ?