Hallo,
ich bin sowohl hier in diesem Chat/Forum neu, als auch auf dem Gebiet von java Script.
ich bräuchte mal Eure Hilfe.
ich habe folgende Aufgabenstellung und ich komme da nicht weiter.
Es müssen 2 Bilder sichtbar sein, die ihre Positionen austauschen, wenn man sie anklickt.
ich habe scho folgendes, aber da hänge ich, ich komme nicht drauf, wie ich es machen soll:
<html>
<head>
<title>Bildwechsel</title>
<script language="JavaScript">
<!--
orig=new Image(150,150);
orig.src="Gabriel.png";
neu=new Image(150,150);
neu.src="Julia.png";
function
bildWechsel(orig,neu)
{
document.images[orig].src=neu.src;
}
//-->
</script>
</head>
<body>
<A href=#"
onMouseOver="bildWechsel('einbild',neu)"
onMouseOut="bildWechsel('einbild',orig)"
return false;>
<IMG src="Gabriel.png" name="einbild"
width="150" height="150" border="0">
<IMG src="Julia.png" name="einbild"
width="150" height="150" border="0">
</A>
</body>
</html>
BITTE UM HILFE !! DANKE
ich bin sowohl hier in diesem Chat/Forum neu, als auch auf dem Gebiet von java Script.
ich bräuchte mal Eure Hilfe.
ich habe folgende Aufgabenstellung und ich komme da nicht weiter.
Es müssen 2 Bilder sichtbar sein, die ihre Positionen austauschen, wenn man sie anklickt.
ich habe scho folgendes, aber da hänge ich, ich komme nicht drauf, wie ich es machen soll:
<html>
<head>
<title>Bildwechsel</title>
<script language="JavaScript">
<!--
orig=new Image(150,150);
orig.src="Gabriel.png";
neu=new Image(150,150);
neu.src="Julia.png";
function
bildWechsel(orig,neu)
{
document.images[orig].src=neu.src;
}
//-->
</script>
</head>
<body>
<A href=#"
onMouseOver="bildWechsel('einbild',neu)"
onMouseOut="bildWechsel('einbild',orig)"
return false;>
<IMG src="Gabriel.png" name="einbild"
width="150" height="150" border="0">
<IMG src="Julia.png" name="einbild"
width="150" height="150" border="0">
</A>
</body>
</html>
BITTE UM HILFE !! DANKE