nicht angemeldet
Fade Effekt Button
hi.
hab bereits einen perfekten fade effekt gefunden und eingebaut, das problem ist aber folegndes wenn ich es für mehrere buttons verwenden will müßte ich immer das script neu reinkopieren (bzw. ich weiß es nicht besser) und bildwechsel durch bildwechsel1..2...3... ersetzen. was aber den quellcode riesig aufblähen würde.... daher suche ich nach eine andere möglichkeit. hier mal der code:
<script type="text/javascript">
<!--
Bild1 = new Image();
Bild1.src = "bilder/pic_r2_c2.jpg";
Bild2 = new Image();
Bild2.src = "bilder/pic2_r1_c1.jpg";
var Bild = 1;
function Bildwechsel() {
if (Bild == 1) {
Bild = 2;
document.all.Madrid.filters.blendTrans.Apply();
document.all.Madrid.src = Bild2.src;
document.all.Madrid.filters.blendTrans.Play();
}
else {
Bild = 1;
document.all.Madrid.filters.blendTrans.Apply();
document.all.Madrid.src = Bild1.src;
document.all.Madrid.filters.blendTrans.Play();
}
}
//-->
</script>
und der eine button:
<img id="Madrid" border="0" src="bilder/pic_r2_c2.jpg" onmouseover="Bildwechsel()" style="cursor:hand; filter:blendTrans(Duration=0.5, Transition=21)" onmouseout="Bildwechsel()" width="60" height="23"></a></td>
jeder button hat ein anderes zweites hover bild... daher das problem... weiß jemand eine lösung die den quellcode nicht riesig aufblähen würde? danke.
mfg,
chris
-
Hallo Chris,
wenn ich es für mehrere buttons verwenden will müßte ich immer das script neu reinkopieren (bzw. ich weiß es nicht besser) und bildwechsel durch bildwechsel1..2...3... ersetzen.
Du weißt, daß man einer Funktion Variablen übergeben kann? In Deinem Fall wären die Variablen die zu tauschenden Bildchen.
Genau diese Anwendung ist praktischerweise schon in SELFHTML beschrieben, da findest Du übrigens auch einiges zur Sprache Javascript ganz allgemein.
http://selfhtml.teamone.de/javascript/beispiele/buttons.htm#quelltext
Gute (kurze) Nacht,
Roland-
danke für den tipp.
-