nicht angemeldet
Hallo Bettina!
Wie Joachim schon gesagt hat, ist der Code solcher WYSIWYG-Proggies nur schwer zu verstehen. Und viele, wenn nicht alle der hier Anwesenden hat nun mal keine Lust, sich mit dem unleserlichen Code eines Frontpages, Composers oder anderen WYSIWYGs auseinanderzusetzen ;-)
Joachim hat Dich auf das sehr gut beschriebene Amwendungsbeispiel von SELFHTML verwiesen. Weniger Arbeit fuer Dich wuerde jedoch folgende Loesung bedeuten, denn Du wuerdest keine JavaScript-Funktion benoetigen: alles wird mit den Event-Handler OnMouseover und OnMouseout bewerkstelligt. Ferner, braeuchtest Du nur Deine entsprechenden <a>-Tags auszutauschen.
Hierzu musst Du Dir den Namen Deiner Buttons im Ruhezustand merken (ich nehme an hier: "button01_home.gif"?) und der Name von dem beim Drueberfahren mit der Maus ausgetauschten Button (hier finde ich den Namen nicht, denn "button01_home_li.gif" scheint ein Vorlade-(low source)Bild zu sein wie hier beschrieben: </selfhtml/tcgf.htm#a1>. Die kannst Du heutzutage getrost rausschmeissen, da die Verbindungen nicht mehr so lahm sind wie frueher, und ausserdem wird es nur von Netscape verstanden). Schau halt wie der Austauschbutton heisst, hier im Beispiel werde ich ihn: "button01_home_over.gif" nennen.
Dann schmeisst Du das hier komplett raus:
<a onMouseOver="document['fpAnimswapImgFP2'].imgRolln=document['fpAnimswapImgFP2'].src;document['fpAnimswapImgFP2'].src=document['fpAnimswapImgFP2'].lowsrc;" onMouseOut="document['fpAnimswapImgFP2'].src=document['fpAnimswapImgFP2'].imgRolln" href="../../index.htm" target="_top"><img border="0" src="../IMAGES/button01_home.gif" id="fpAnimswapImgFP2" name="fpAnimswapImgFP2" dynamicanimation="fpAnimswapImgFP2" lowsrc="../IMAGES/button01_home_li.gif" width="132" height="32" alt="Home" align="bottom"></a>
und ersetzt es durch:
<a href="../../index.htm" target="_top" onMouseover="button01_home.src='../IMAGES/button01_home_over.gif';return true" onMouseout="button01_home.src='button01_home.gif';return true"><img name="button01_home" border="0" src="../IMAGES/button01_home.gif" width="132" height="32" alt="Home" align="bottom"></a>
Was bedeutet das alles? Schau Dir erst einmal das img-Tag an:
<img name="button01_home" border="0" src="../IMAGES/button01_home.gif" width="132" height="32" alt="Home" align="bottom">
Es hat jetzt den Namen: name="button01_home", also den gleichen (der Einfachheit halber) wie das Bild selbst, nur ohne die Endung ".gif".
Auf diesen vergebenen Namen greifst Du bei onMouseover und onMouseout zurueck im <a>-Tag:
onMouseover="button01_home.src='../IMAGES/button01_home_over.gif';return true"
Mit button01_home.src='...' bei onMouseover weist Du dem Bild mit dem Namen name="button01_home" ein neues Bild zu, naemlich: button01_home_over.gif (aus dem Verzeichnis ../IMAGES/), also den Button, der ausgetauscht werden soll. Beim onMouseout ist es das gleiche Prinzip, nur dass da das normale Bild wieder ausgetauscht wird (Wuerdest Du die komplette onMouseout-Anweisung weglassen, wuerde nach dem Drueberfahren mit dem Maus und wieder verlassen das ausgetauschte Bild button01_home_over.gif stehen bleiben...).
Du verfaehrst nach dem gleichen Prinzip fuer alle Deine Buttons - aufpassen, sich bei den Namen nicht zu verschreiben, und dann muesste es laufen. Das Tolle daran, wenn beim Klicken noch etwas anderes passieren soll, kannst Du den Event-Hanler onClick einsetzen und ebenso ein drittes Bild fuer den Moment des Klickens austauschen lassen - hat aber in der Regel wenig Sinn, da bei onClick der Link sofort ausgefuert wird, so dass man das ausgetauschte Bild hier kaum sieht).
Die JavaScript-Funktionen vom Anfang also der JavaScript-Bereich:
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {} <------------ Wozu ist denn die Funktion??? Hier aufpassen!
//-->
</script>
und das hier: <script language="JavaScript1.2" fptype="dynamicaction" src="animate.js">
</script>
sowie im <body>-Tag: onload="dynAnimation()" sollten auch raus.
Viel Spass beim Aendern!
Patrick