nicht angemeldet
Bildwechsel-falsches Bild
ich habe nun mit onmousedown die Funktion, dass ich ein Bild wechseln kann. Nur leider wechselt immer das obere (amazon.gif):-(
Kann man irgedwie festlegen, welches Bild imme rausgetauscht werden soll, wenn man mehrere Bilder hat??
Hier mal mein Quelltext:
<html>
<head>
<title>Bücher</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script language="JavaScript">
<!--
bild1=new Image();
bild1.src="Buch/Schophaus.jpg";
bild2=new Image ();
bild2.src="Buch/Zachert.jpg"
function bildwechsel1 ()
{
window.document.images[0].src=bild1.src;
return
}
function bildwechsel2 ()
{
window.document.images[0].src=bild2.src;
return
}
//-->
</script>
<style type="text/css">
textarea { background-color: #00001C; color: #6699ff; font-family: Verdana, Arial; font-size: 9pt;}
td { font-size: 11px;}
</style>
<script>
<!--
function show(Kommentar)
{
document.Box.Kommentar.value=Kommentar
}
//-->
</script>
</head>
<body background="Hintergrund/Post.gif">
<table align="center" width="90%" border="0">
<tr>
<td width="28%">
<a href='http://www.amazon.de/exec/obidos/redirect-home/dieweltdesdrs-21' target="_blank"><img src="Bilder/amazon.gif" border="0"></a></a>
</td>
<td width="47%">
dfgfgg<br>
</td>
<td width="35%">
sgdsg
</td>
</tr>
</table>
<table width="90%" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td align="center" bgcolor="#f00068"><font color="Black"><b>Erfahrungen</b></font></td></tr>
</table>
<p>
<table width="90%" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40%" align="center" valign="center"><img src="Buch/Schophaus.jpg" border="0"><p>
<a href="#" target="_self" onmouseover="show('Michael Schophaus hat seinen Sohn 600 Tage bis zu dessen Tod betreut und begleitet. Aus seinem Buch sprechen Trauer, Wut und Fassungslosigkeit, aber auch eine große Liebe zu Jakob und das Glück, das sie zusammen erlebt haben. Indem der Vater versucht, das Unbegreifliche faßbar zu machen, kommt uns der kleine Jakob ganz nahe. Mit seinem Leiden, seiner Tapferkeit und seiner zauberhaften Kindlichkeit, die zutiefst berührt.')" onmouseout="show('')" onmousedown="bildwechsel1()">Im Himmel warten Bäume auf Dich</a><br>
<a href="#" target="_self" onmouseover="show('Isabell ist gerade 15 Jahre alt, als sie die grausame Diagnose erfährt, die für sie das Todesurteil bedeutet: Krebs. Ihr Leben ändert sich radikal und der Wettlauf mit dem Schicksal beginnt. Mit beispielloser Energie, mit Mut, Kraft und Liebe kämpfen ihre Familie und Freunde um ihr Leben. Durch die Krankheit reift Isabell zu einer außergewöhnlichen Persönlichkeit heran und hat trotz des Leids, das sie immer erfahren muß, nicht zuletzt durch ihren Glauben genug Kraft, ihr Leben positiv zu sehen, und die Hoffnung, daß sie die schwere Prüfung überstehen wird.')" onmouseout="show('')" onmousedown="bildwechsel2()" >Wir treffen uns wieder in meinem Paradies</a>
</td>
<td width="60%" align="center">
<form name="Box"><textarea name="Kommentar" cols="45" rows="15" readonly></textarea></form>
</td>
</tr>
</table>
</body>
</html>
-
Guude!
<script language="JavaScript">
Hier gehört noch der type rein: type="text/javascript"
window.document.images[0].src=bild1.src;
Und hier haben wir den Schuldigen: images[0] - das erste Bild in Deinem Quelltext... (wir fangen an, bei 0 zu zählen!). Einfach die Nummer ändern und fertig.
LG ausm Hesseland
Lemmy-
Danke. Hätte ich mit Sicherheit nie selbst gefunden.
-