Dynamischen Buttons

[Manu]

Hallo,
hab da was mit Dynamischen Buttons gebaut.
Leider muss ich feststellen das die 2. Grafik sich genau der Größe der ersten anpasst.
Frage mich wie ich der 2. Grafik eine neue Größe geben kann.
Unter "Highlight1 = new Image();" kann man sicher eine neue Größenangabe
für die 2. Grafik  machen, aber leider weis ich nicht wie ich das darin eingebe.

-----Hier der Quelltext-----

<a href="datei.htm" onMouseOver="Bildwechsel(0,Highlight1)" onMouseOut="Bildwechsel(0,Normal1)">
<img src="bild.gif" width="57" height="16" border="0"></a>

<script type="text/javascript">
<!--

Normal1 = new Image();          -->
Normal1.src = "bild.gif";            -->
Highlight1 = new Image();            --> -----Hier kann man sicher eine neue Größe angeben--------
Highlight1.src = "bild2.gif";       -->

function Bildwechsel(Bildnr,Bildobjekt) {
 window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
</script>

Gruß von Manu

[Marc Reichelt]

Hi!

Na das ist ja wohl sonnenklar (obwohl es Nacht ist):

Die Bilder passen sich alle an deine Größenvorgabe an (sieh img-Tag).
Damit du wirklich dynamische Grafiken einsetzen kannst, empfehle ich dir das Wechseln der Grafiken per Sourcecode-Zugriff (innerHTML-Eigenschaft, s. SelfHTML).

cu

Marc Reichelt || http://www.marcreichelt.de/

[Manu]

Hi!

Na das ist ja wohl sonnenklar (obwohl es Nacht ist):

Die Bilder passen sich alle an deine Größenvorgabe an (sieh img-Tag).
Damit du wirklich dynamische Grafiken einsetzen kannst, empfehle ich dir das Wechseln der Grafiken per Sourcecode-Zugriff (innerHTML-Eigenschaft, s. SelfHTML).

cu

Marc Reichelt || http://www.marcreichelt.de/

Das funzt ja richtig gut, aber leider nur mit Text, wie mach ich das mit Bilder, hab darüber nichts in SelfHTML gefunden

[molily]

Hallo, Manu,

hab da was mit Dynamischen Buttons gebaut.
Leider muss ich feststellen das die 2. Grafik sich genau der Größe der ersten anpasst.

Was hast du *eigentlich* vor? Das »Springen« der Anzeige beim Einfügen eines neuen Bildes beim Mouseover verwirrt wahrscheinlich nur und ob alle grafischen Browser den Elementfluss erneut berechnen oder ob die einmal vergebenen Größen eingehalten werden, ist nicht sicher.

Frage mich wie ich der 2. Grafik eine neue Größe geben kann.

Indem du die Attribute width und height per JavaScript änderst (http://selfhtml.teamone.de/javascript/objekte/htmlelemente.htm#img) oder, falls du die Größe vorher mit den CSS-Eigenschaften heigth und width festgelegt hast, diese über das Style-Objekt änderst (http://selfhtml.teamone.de/javascript/objekte/style.htm). Oder gebe einfach keine Größe vor, lasse die Attribute width und height weg (was aber ebenfalls nicht unproblematisch ist).

Unter "Highlight1 = new Image();" kann man sicher eine neue Größenangabe für die 2. Grafik  machen, aber leider weis ich nicht wie ich das darin eingebe.

Dort kannst du zwar eine Größe vorgeben (Image(200,100) beispielsweise), aber dies wird sich nicht auf den Bildwechsel auswirken, da das Objekt nur zum Vorladen der Grafik benutzt wird, beim Bildwechsel wird jedoch ausschließlich die Adresse, also die src-Eigenschaft des Bildobjekts, gebraucht.

Normal1 = new Image();          -->

Diese »-->« dürfen natürlich letztlich nicht im Quelltext auftauchen (ich nehme an, sie sollen Pfeile darstellen und du hast sie nachträglich eingefügt).

Mathias