Questo iavascript proviene da
Slide
Step 1 Seleziona il codice con il mouse, copialo ed incollalo fra i tags <head> </head> della tua pagina
|
<SCRIPT LANGUAGE="JavaScript"> <!-- Original: CodeLifter.com (support@codelifter.com) --> <!-- Web Site: http://www.codelifter.com -->
<!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin // Set slideShowSpeed (milliseconds) var slideShowSpeed = 5000; // Duration of crossfade (seconds) var crossFadeDuration = 3; // Specify the image files var Pic = new Array(); // to add more images, just continue // the pattern, adding to the array below
Pic[0] = 'aristide000.jpg' Pic[1] = 'aristide001.jpg' Pic[2] = 'aristide002.jpg' Pic[3] = 'aristide003.jpg' // do not edit anything below this line var t; var j = 0; var p = Pic.length; var preLoad = new Array(); for (i = 0; i < p; i++) { preLoad[i] = new Image(); preLoad[i].src = Pic[i]; } function runSlideShow() { if (document.all) { document.images.SlideShow.style.filter="blendTrans(duration=2)"; document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"; document.images.SlideShow.filters.blendTrans.Apply(); } document.images.SlideShow.src = preLoad[j].src; if (document.all) { document.images.SlideShow.filters.blendTrans.Play(); } j = j + 1; if (j > (p - 1)) j = 0; t = setTimeout('runSlideShow()', slideShowSpeed); } // End --> </script>
|
Step 2 - Seleziona il codice con il mouse, copialo ed incollalo nel tag <body>
della tua pagina
|
onLoad="runSlideShow();" |
Step 3- Seleziona il codice con il mouse, copialo ed incollalo fra i tags <body> </body>
della tua pagina
|
<table align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td id="VU" height=408 width=292> <img src="aristide000.jpg" name='SlideShow' width=408 height=292> </td> </tr> </table>
|
NB Nella sezione dello script Pic[0] = 'aristide000.jpg' Pic[1] = 'aristide001.jpg' Pic[2] = 'aristide002.jpg'
Pic[3] = 'aristide003.jpg' inserite le vostre immagini che devono avere tutte lo stesso nome con la numerazione progressiva (000 001 002 ...) la stessa ampiezza ed altezza. (Io ho inserito immagini
408x292).
Volendo cambiare questi ultimi parametri (ampiezza ed altezza) dovete inserire i nuovi valori anche
nello Step 3 alla riga <td id="VU" height=408 width=292> ed alla riga <img src="aristide000.jpg" name='SlideShow' width=408 height=292>
Clicca esempio
|
Best resolution 800 x 600-Ie.5 e s.-F11