Angela: setTimeout, Funktions-Parameter verweist auf array

Beitrag lesen

liebe leute im forum,

auf meiner homepage erzeuge ich mithilfe von arrays animationen (bildtausch).
die animation wird per mouseclick gestartet

<area shape=rect coords="0,0,560,434" onClick="showit(p)" nohref>

und wird über folgendes script gesteuert:

var stepshowit = 0;
var p = new Array ("img/p_0.gif","img/p_1.gif","img/p_0.gif","img/p_2.gif","img/start_x.gif");

function showit(whichrun)
{
var m = whichrun.length;
if (stepshowit < m)
{
window.document.images[0].src = whichrun[stepshowit];
stepshowit++;
idshowit=window.setTimeout("showit("+whichrun+")",125);
}
else
{
clearTimeout(idshowit);
stepshowit=0;
}
}

leider funktioniert es nicht.
ich nehmee an das problem liegt bei der uebergabe der funtions-parameter in setTimeout.
ich weiss, das der funktionsaufruf als string übergeben werden muss.

wisst ihr, wie´s geht?
vielen dank schon jetzt!
angela

hier nochmal der komplette quellcode:

<HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HEAD>
<TITLE></TITLE>

<SCRIPT language="JavaScript">
<!--
var stepshowit = 0;
var p = new Array ("img/p_0.gif","img/p_1.gif","img/p_0.gif","img/p_2.gif","img/start_x.gif");

function showit(whichrun)
{
var m = whichrun.length;
if (stepshowit < m)
{
window.document.images[0].src = whichrun[stepshowit];
stepshowit++;
idshowit=window.setTimeout("showit("+whichrun+")",125);
}
else
{
clearTimeout(idshowit);
stepshowit=0;
}
}

//-->
</SCRIPT>
</HEAD>

<BODY>

<MAP name="navmap">
<area shape=rect coords="0,0,560,434" onClick="showit(p)" nohref>
<area shape=rect coords="320,435,440,585" nohref>
<area shape=rect coords="450,435,550,585" nohref>
</MAP>

<DIV class="runcss">
<img src="img/intro_0.gif" name=animation usemap="#navmap" width=560 height=720 border=0>
</DIV>

</BODY>
</HTML>