Bildwechsel

[Johnny]

Hallo zusammen,

ich habe ein Problem beim Bildwechsel. Ich habe eine Seite gemacht in der oben eine Tabelle ist das als Menü genutzt wird. Dort soll beim überfahren des Bildes ein anderes erscheinen. Soweit so gut. Bei dem letzten Bild in dieser Tabelle steht auch zuerst ein Bild und wenn ich mit der Maus drüber gehe erscheint auch ein anderes. Verlasse ich jedoch jetzt mit der Maus den Bildbereich wird mir das erste Bild nicht wieder angezeigt.

Ich habe mit Javascript absolut keine Erfahrung und habe mir das Javascript irgendwo abgeguckt und es mit Mühe und Not geschafft es so ab zu ändern das es einigermaßen funktioniert. Ich habe zwar keinerlei Ahnung was ich gemacht habe und warum es dann funktionierte, aber das ist ja eine andere Sache. Kann sich das vielleicht mal jemand ansehen und  mir sagen was ich falsch gemacht habe bzw. was ich ändern muß damit es funktioniert? Ich weiß nicht was ich machen soll. Ich habe die Indexseite mal in in einen Testordner hochgeladen http://www.starev.de/testordner/

Ich bedanke mich im voraus und würde mich über eine DAU-freundliche Antwort freuen.

Mit freundlichen Grüßen
Johnny

[glowhead]

hoi johnny!
kannste mir dein script ma posten dann kann ich dir betimmt helfen! hab genau dein problem gestern auf meiner seide gelöst! den entsprechenden button bräucht ich auch!
mfg glowhead

[Johnny]

hi glowhead,

das wäre echt klasse wenn du mir weiterhelfen könntest :-)

das script sieht wie folgt aus:

<script type="text/javascript">
<!--
aktuell = new Image(0);
aktuell.src = "images/aktuell_button.jpg";
aktuell2 = new Image(1);
aktuell2.src = "images/aktuell_button2.jpg";

termine = new Image(2);
termine.src = "images/termine_button.jpg";
termine2 = new Image(3);
termine2.src = "images/termine_button2.jpg";

pa = new Image(4);
pa.src = "images/pa_button.jpg";
pa2 = new Image(5);
pa2.src = "images/pa_button2.jpg";

pa_mieten = new Image(6);
pa_mieten.src = "images/pa_mieten_button.jpg";
pa_mieten2 = new Image(7);
pa_mieten2.src = "images/pa_mieten_button2.jpg";

rueckblick = new Image(8);
rueckblick.src = "images/rueckblick_button.jpg";
rueckblick2 = new Image(9);
rueckblick2.src = "images/rueckblick_button2.jpg";

links = new Image(10);
links.src = "images/links_button.jpg";
links2 = new Image(11);
links2.src = "images/links_button2.jpg";

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

und die Tabelle mit dem Menü so:

<td><a href="index.html" onmouseover="Bildwechsel(0,aktuell2)" onmouseout="Bildwechsel(0,aktuell)"><img src="images/aktuell_button.jpg" width="120" height="43" border="0" alt=""></a></td>
<td><a href="seiten/konzerte.html" onmouseover="Bildwechsel(1,termine2)"onmouseout="Bildwechsel(1,termine)"><img src="images/termine_button.jpg" width="120" height="43" border="0" alt=""></a></td>
<td><a href="seiten/pa.html" onmouseover="Bildwechsel(2,pa2)"onmouseout="Bildwechsel(2,pa)"><img src="images/pa_button.jpg" width="120" height="43" border="0" alt=""></a></td>
<td><a href="seiten/pa_mieten.html" onmouseover="Bildwechsel(3,pa_mieten2)" onmouseout="Bildwechsel(3,pa_mieten)"><img src="images/pa_mieten_button.jpg" width="120" height="43" border="0" alt=""></a></td>
<td><a href="seiten/konzerte_rueckblick.html" onmouseover="Bildwechsel(4,rueckblick2)" onmouseout="Bildwechsel(4,rueckblick)"><img src="images/rueckblick_button.jpg" width="120" height="43" border="0" alt=""></a></td>
<td><a href="seiten/links.html" onmouseover="Bildwechsel(5,links2)" onmouseout="Bildwechsel(5,links)"><img src="images/links_button.jpg" width="120" height="43" border="0" alt=""></a></td>

Vielleicht findest du oder jemand anders ja den Fehler.

Mfg
Johnny

[Andreas Schneider]

Hallo Johhny,

<script type="text/javascript">
<!--
aktuell = new Image(0);

Wenn Du Dir das Bilderbuchbeispiel in Selfhtml genau anschaust, dann wirst Du feststellen, dass new Image keine Paraneter erwartet. Also immer so schreiben:
irgendwas = new Image();
http://selfhtml.teamone.de/dhtml/beispiele/bilderbuch.htm#quelltext

links = new Image(10);
[...]
<td><a href="seiten/links.html" onmouseover="Bildwechsel(5,links2)" onmouseout="Bildwechsel(5,links)"><img src="images/links_button.jpg" width="120" height="43" border="0" alt=""></a></td>

links ist ein vorgegebenes Objekt. Bennenne Dein Objekt links um in links1.
http://selfhtml.teamone.de/javascript/objekte/links.htm

Grüße
Andreas

[Johnny]

Hallo Andreas,

klasse, danke, das Umbenennen von links in links1 hat ausgereicht, jetzt funktioniert es.

Schönen Danke nochmal :-)

mfg
Johnny