nicht angemeldet
Bilderwechsel durch Button
Wie kann ich ein Bild mit einem anderem, durch das Drücken auf einen Button, austauschen?
Danke,
Michi
-
Wie kann ich ein Bild mit einem anderem, durch das Drücken auf einen Button, austauschen?
<img src="altes.gif" alt="" name="Bild">
<form>
<input type="button" value="tauschen" onClick="document.Bild.src = 'enandres.jpg'">
</form>Gruß
Norbert-
Danke! Aber ich hab da noch eine Frage:
Was bedeutet das Atribut 'alt' in dem Tag <img>?-
Danke! Aber ich hab da noch eine Frage:
Was bedeutet das Atribut 'alt' in dem Tag <img>?Kann ich auch irgendwie Programmieren dass sich mit einem Button zwei verschiedene Grafiken mit anderen austauschen?
-
Danke! Aber ich hab da noch eine Frage:
Was bedeutet das Atribut 'alt' in dem Tag <img>?Da hats mal einen Humoristen mit Namen Grünmandl gegeben, der sagte das Wort Alm stamme von Acht Liter Milch.
Leider fällt mir auf die Schnelle keine passende Erweiterung zu alt ein, sonst hätt ichs dir verraten.Kann ich auch irgendwie Programmieren dass sich mit einem Button zwei verschiedene Grafiken mit anderen austauschen?
Kann man alles. Mit zweien z. B. so:
<script>
var BildLinks = new Image(); BildLinks.src = "Pics/bild3.gif";
var BildMitte = new Image(); BildMitte.src = "Pics/bild1.gif";
var BildRechts = new Image(); BildRechts.src = "Pics/bild5.gif";
var Wechsel = new Image(); Wechsel.src = "Pics/bild2.gif";
var Wechsel2 = new Image(); Wechsel2.src = "Pics/bild4.gif";</script>
</head>
<body>
<img name="BildLinks" src="Pics/bild3.gif" width="120" height="120">
<a href="gallery.html" onMouseover="BildLinks.src='Pics/bild4.gif';BildRechts.src='Pics/bild2.gif';" onMouseout="BildLinks.src='Pics/bild3.gif';BildRechts.src='Pics/bild5.gif';"><img name="BildMitte" src="Pics/bild1.gif" border="0" width="120" height="120"></a>
<img name="BildRechts" src="Pics/bild5.gif" width="120" height="120">Ausprobieren!
Aber mit den Bildernamen kommste da leicht durcheinander.Ciao
W. Pichler
-
Danke! Aber ich hab da noch eine Frage:
Was bedeutet das Atribut 'alt' in dem Tag <img>?http://selfhtml.teamone.de/html/referenz/attribute.htm#img
Kann ich auch irgendwie Programmieren dass sich mit einem Button zwei verschiedene Grafiken mit anderen austauschen?
Sicher:
<img src="altesBild1.gif" alt="" name="Bild1">
<img src="altesBild2.jpg" alt="" name="Bild2">
<form action="">
<input type="button" value="tauschen" onClick="document.Bild1.src = 'neuesBild1.jpg'; document.Bild2.src = 'neuesBild2.gif';">
</form>Gruß
Norbert
-
-
-