nicht angemeldet
Bildertausch
Hallo,
ich hab die ersten Schritte mit HTML hinter mir und lerne gerade JavaScript. Bin also absoluter Frischling auf diesem Gebiet und hoffe Ihr könnt mir weiterhelfen.
Ich habe 2 Bilder nelke.gif und rose.gif. Beide sollen auf meiner Seite sichtbar sein. und Ihre Position tauschen wenn ich die Bilder anklicke.
Kann mir jemand Anregungen geben wie ich das schaffe?
Ich habs bis jetzt geschafft eines sichtbar zu haben und mit Mouseover das andere anzuzeigen!
Danke im Voraus!
-
Hi,
Ich habe 2 Bilder nelke.gif und rose.gif. Beide sollen auf meiner Seite sichtbar sein. und Ihre Position tauschen wenn ich die Bilder anklicke.
Kann mir jemand Anregungen geben wie ich das schaffe?http://de.selfhtml.org/javascript/beispiele/buttons.htm
MfG ChrisB
-
Danke, ich hab jetzt den Code soweit, dass ich wenn ich das 1. Bild anklicke sich das 2. ändert und wenn ich das 2. anklicke sich auch das 2. ändert? Kann mir jemand den Fehler im Skript sagen?
Sollte die funktion change statt Bildwechsel heissen? Danke im Voraus!
<html>
<head>
<title>Bildertausch</title>
<SCRIPT language="JavaScript">
<!--
orig=new Image(150,120);
orig.src="auto.gif";
neu=new Image(150,120);
neu.src="flieger.gif";
function
bildWechsel(welches,gegenwelches)
{
document.images[welches].src=gegenwelches.src;
}
//-->
<!--
orig=new Image(150,120);
orig.src="flieger.gif";
neu=new Image(150,120);
neu.src="auto.gif";
function
bildWechsel(welches,gegenwelches)
{
document.images[welches].src=gegenwelches.src;
}
//-->
</SCRIPT>
</head>
<body bgcolor="FFFF99" text="000099">
<h1>WILLKOMMEN AUF DEN INFOSEITEN!</h1>
<A href=#"
onClick="bildWechsel('einbild',neu)"
return false;>
<IMG src="auto.gif" name="einbild"
width="150" height="120" boder="0">
<A href=#"
onClick="bildWechsel('einbild',orig)"
return false;>
<IMG src="flieger.gif" name="einbild"
width="150" height="120" boder="0">
</A>
</body>
</html>Danke
-
Hi,
das naechste Mal unterlasse es doch bitte, exakt die gleiche Fragestellung zweimal zu posten - keine Angst, du wirst auch so nicht uebersehen.
Danke, ich hab jetzt den Code soweit, dass ich wenn ich das 1. Bild anklicke sich das 2. ändert und wenn ich das 2. anklicke sich auch das 2. ändert? Kann mir jemand den Fehler im Skript sagen?
<IMG src="auto.gif" name="einbild"
<IMG src="flieger.gif" name="einbild"Hast du einen Bruder, der auch Thomas heisst?
Dann haben deine Eltern bestimmt ebenso grosse Probleme, einen von euch gezielt anzusprechen, wie der Browser es mit dem Namen hat, den du den Bildern gegeben hast.MfG ChrisB
-
-
-
Danke, ich hab jetzt den Code soweit, dass ich wenn ich das 1. Bild anklicke sich das 2. ändert und wenn ich das 2. anklicke sich auch das 2. ändert? Kann mir jemand den Fehler im Skript sagen?
Sollte die funktion change statt Bildwechsel heissen? Danke im Voraus!
<html>
<head>
<title>Bildertausch</title>
<SCRIPT language="JavaScript">
<!--
orig=new Image(150,120);
orig.src="auto.gif";
neu=new Image(150,120);
neu.src="flieger.gif";
function
bildWechsel(welches,gegenwelches)
{
document.images[welches].src=gegenwelches.src;
}
//-->
<!--
orig=new Image(150,120);
orig.src="flieger.gif";
neu=new Image(150,120);
neu.src="auto.gif";
function
bildWechsel(welches,gegenwelches)
{
document.images[welches].src=gegenwelches.src;
}
//-->
</SCRIPT>
</head>
<body bgcolor="FFFF99" text="000099">
<h1>WILLKOMMEN AUF DEN INFOSEITEN!</h1>
<A href=#"
onClick="bildWechsel('einbild',neu)"
return false;>
<IMG src="auto.gif" name="einbild"
width="150" height="120" boder="0">
<A href=#"
onClick="bildWechsel('einbild',orig)"
return false;>
<IMG src="flieger.gif" name="einbild"
width="150" height="120" boder="0">
</A>
</body>
</html>