input type-button mit script; durch rollover-button ersetzen

input type-button mit script; durch rollover-button ersetzen

hallo allerseits :) gestaltung: Es wird ein button mit input type dargestellt + script was der button zutun hat Diashow anhalten und wiedergeben. Dieser button soll durch ein button mit ein rollover ersetzt werden. soweit ok. ziel: button mit mouseover und script von insert-button zusammen zuführen quasi - wie binde ich das script auf diesen rollover button mit ein so das ich die diashow anhalten und wiedergeben kann? Code: <script language="JavaScript" type="text/JavaScript"> <!-- //weiteres script für diashow ausgeblendet..... // start function slide() {   with(document.form1)   {   start = setInterval("anim()", delayTime);   stShow.disabled = true;   spShow.disabled = false;   } } // stop function stopSlide() {   clearInterval(start);   document.form1.stShow.disabled = false;   document.form1.spShow.disabled = true; } //  End --> <!-- startet die Show automatisch --> setTimeout("slide()",10); //--> </script> <style type="text/css"> #show_1 {visibility:visible; position:absolute; top:314px; left:473px;} #play {visibility:visible;position:absolute;top:178px;left:412px;} #stop {visibility:visible;position:absolute;top:175px;left:489px;} #play1 {visibility:visible;position:absolute;top:230px;left:412px;} #stop1 {visibility:visible;position:absolute;top:230px;left:491px;} </style> </head> <body> <form name="form1"> <div id="show_1" style="visibility:visible; width: 393px; height: 252px; top: 0px; left: 0px"> <img src="Images/bild1.jpg" id="Bild01" width="405" height="272"></div> <div id="play1" style="width: 53px; height: 53px; top: 225px; left: 412px;"> <a href="" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('play','','Images/play1.jpg',1)"> <img src="Images/play2.jpg" name="play" width="42" height="38"></a></div> <div id="stop" style="width: 53px; height: 40px; top: 230px; left: 495px;"> <a href="" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('stop','','Images/stop1.jpg',1)"> <img src="Images/stop2.jpg" name="stop" width="42" height="40"></a></div> <div id="play" style="visibility:visible; width: 50px; height: 50px;"> <input type=button value="start" name=stShow onClick="slide();" id="btnStyle"></div> <div id="stop" style="visibility:visible; width: 50px; height: 50px;"> <input type=button value="stop" name=spShow onClick="stopSlide();" id=btnStyle DISABLED></div> </form></body></html> mfg