animieren

<!-- Hier die Adresse des ersten Bildes; sonst nichts verändern !!!!!!!!!! -->
<img src="http://www.homepage-baukasten.de/pic/tsgfrauenfussball_baby00038.gif" width="0" onLoad="runSlideShow()">
<!-- Hier nochmal die Adresse des ersten Bildes; evtl. die Tabelle formatieren ! -->

<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<img src="http://www.homepage-baukasten.de/pic/tsgfrauenfussball_baby00038.gif" name="SlideShow" width="444" border="1">
</td>
</tr>
</table>


<script>

var slideShowSpeed = 1000  // Dauer des Bildwechsels in Millisekunden

var crossFadeDuration = 1000  // Dauer des Bildübergangs

var Pic = new Array()

// Hier die Bildadressen rein, erweiterbar !

Pic[0] = 'http://www.homepage-baukasten.de/pic/tsgfrauenfussball_baby00038.gif'

Pic[1] = 'http://www.homepage-baukasten.de/pic/tsgfrauenfussball_baby00061.gif'

Pic[2] = 'http://www.homepage-baukasten.de/pic/tsgfrauenfussball_baby00058.gif'

Pic[3] = 'http://www.homepage-baukasten.de/pic/tsgfrauenfussball_baby00059.gif'

Pic[4] = 'http://www.homepage-baukasten.de/pic/tsgfrauenfussball_baby00062.gif'


// ab hier nichts mehr verändern !!


var jj = 0
var p = Pic.length
var preLoad = new Array()

for (ii = 0; ii < p; ii++){

preLoad[ii] = new Image()
preLoad[ii].src = Pic[ii]

}

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[jj].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}

jj = jj + 1
if (jj > (p-1)) jj=0

   t = setTimeout('runSlideShow()', slideShowSpeed)

}