animierte Buttons

[jens]

Ich suche nach einer Möglichkeit in HTML einen Button zu animieren, also das sich der Button ändert, wenn die Maus drüber geht.
Funktioneirt das mit HTML alleine oder kann mir das jemand !einfach!erklären wie das sonst ohne große Mittel gehen könnte.
Danke im voraus

[Cheatah]

Hi,

Ich suche nach einer Möglichkeit in HTML einen Button zu animieren,

der Begriff "Button" kann viele Bedeutungen haben. Bitte erkläre, was genau Du meinst, sonst kann Dir leider schwerlich geholfen werden.

Funktioneirt das mit HTML alleine

Sicher nicht. HTML ist von einer Programmiersprache weit entfernt; und für Interaktion brauchst Du nun mal entsprechende Mittel.

oder kann mir das jemand !einfach!erklären

So einfach die Erklärung auch sein mag - sie wird Dir höchstwahrscheinlich lediglich Hinweise darauf geben, was Du erlernen solltest.

Cheatah

[jens]

Hi,

Ich suche nach einer Möglichkeit in HTML einen Button zu animieren,

der Begriff "Button" kann viele Bedeutungen haben. Bitte erkläre, was genau Du meinst, sonst kann Dir leider schwerlich geholfen werden.

ich meine einen button als link, eine einfache schaltfläche.
ich hab mir schon so was gedacht, das HTML zu banal dafür ist, aber vielleicht gibts ja tortzdem ne lösung, die nicht shcwer zu verstehen ist oder wo man in einem fertigen quellcode nicht viel ändern müsste.

[Stefan]

Hi!

wenn ich dich richtig verstanden habe, dann soll das so aussehn:
(das ist der quelltext für einen <b>animirten</b> button)

<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="ani.js">
</script>
<p>
<a onmouseover="document['fpAnimswapImgFP1'].imgRolln=document['fpAnimswapImgFP1'].src;document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].lowsrc;" onmouseout="document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].imgRolln" href="javascript:void(0)">
<img border="0" src="BUTTON1.gif" id="fpAnimswapImgFP1" name="fpAnimswapImgFP1" dynamicanimation="fpAnimswapImgFP1" lowsrc="BUTTON2WennMausDrüber.gif" width="79" height="20"></a></p>

Das ani.js script file kannst du hier downloaden:
http://www.pixel-dream.com/ani.js
brauchst du unbedingt !!!!!!!!!

MfG
Stefan

===============================
Visit us: http://www.pixel-dream.com

[jens]

Hi!

wenn ich dich richtig verstanden habe, dann soll das so aussehn:
(das ist der quelltext für einen <b>animirten</b> button)

<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="ani.js">
</script>
<p>
<a onmouseover="document['fpAnimswapImgFP1'].imgRolln=document['fpAnimswapImgFP1'].src;document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].lowsrc;" onmouseout="document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].imgRolln" href="javascript:void(0)">
<img border="0" src="BUTTON1.gif" id="fpAnimswapImgFP1" name="fpAnimswapImgFP1" dynamicanimation="fpAnimswapImgFP1" lowsrc="BUTTON2WennMausDrüber.gif" width="79" height="20"></a></p>

Das ani.js script file kannst du hier downloaden:
http://www.pixel-dream.com/ani.js
brauchst du unbedingt !!!!!!!!!

MfG
Stefan

===============================
Visit us: http://www.pixel-dream.com

Klingt ja ganz nett, aber ich sagte einfach und damit kann ich nicht viel anfangen. so gut bin ich noch nicht im programmieren.
aber trotzdem danke

[emu]

Hallo Jens!

Ich suche nach einer Möglichkeit in HTML einen Button zu animieren, also das sich der Button ändert, wenn die Maus drüber geht.

Möglicherweise hilft dir das:

http://selfhtml.teamone.de/javascript/beispiele/buttons.htm

Damit kannst du erwirken, dass ibn den meisten Browsern sich eine Grafik beim drüberfahren ändert.

Bitte erlaube mir noch einen Hinweis auf:

http://aktuell.de.selfhtml.org/artikel/css/mouseover/index.htm

Ich finde es nämlich wesentlich eleganter, Navigationsmenüs ganz ohne Grafiken zu machen.

Wenn du unbedingt mit Grafiken arbeiten willst, verwende bitte das alt-Attribut.

emu
[der hofft die frage richtig verstanden zu haben]
[seine wort und werke merkt ich und den brauch und mit geistesstärke post ich wunder auch]