|
|
Questa galleria fotografica in Javascript è stata usata per la presentazione del pellegrinaggio al Rifugio Contrin 2003, è costituita da 10 immagini della grandezza 283x213, è possibile cambiare l'effetto fade come la durata dell'esposizione dell'immagine. Semplice anche l'inserimento di immagini.
RITORNA ALLA PAGINA DELLE JAVASCRIPT
Lo script da inserire in html
<HEAD>
<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] = 'contrin000.jpg'
Pic[1] = 'contrin001.jpg'
Pic[2] = 'contrin002.jpg'
Pic[3] = 'contrin003.jpg'
Pic[4] = 'contrin004.jpg'
Pic[5] = 'contrin005.jpg'
Pic[6] = 'contrin006.jpg'
Pic[7] = 'contrin007.jpg'
Pic[8] = 'contrin008.jpg'
Pic[9] = 'contrin009.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>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY onLoad="runSlideShow()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" height=283 width=213>
<img src="contrin000.jpg" name='SlideShow' width=283 height=213>
</td>
</tr>
</table>