Javascript: Bildervorschau / Wechsel

Michomel · 5. Juni 2003

Hallo zusammen

Es geht um diese Seite :
http://www.strand.de//q4_bilder_2ebene.jpg

Wenn man auf die Buttons 1, 2, 3 usw. geht soll sich das Bild rechts daneben jeweils ändern.

Kann mir da jemand weiterhelfen?

MfG

Loopo · 6. Juni 2003

im Header:

Code:

// Menü-Buttons vorladen
<script language="JavaScript">
<!--
var bild0 = new Image(); 
bild0.src = "bild0.jpg";

function bildwechsel ( name, bild ) {
  document.images[name].src = bild.src;
}
-->
</script>

im Body:

Code:

<a href="#" onclick="bildwechsel('bild0', bild)">der Link</a>
...
<img src="daszuveraenderndebild.jpg" name="bild" border="0">

Michomel · 9. Juni 2003

Vielen Dank für die Antwort

Irgendwie scheine ich mich aber zu blöd anzustellen, das will nicht so recht klappen.

Es erscheint zwar das zu ändernde Bild aber damit lässt sich nichts machen.

Mal angenommen, die Buttons 1 - 14 lauten von Namen her einfach 1.jpg usw., wie müsste das ganze dann in einem Beispiel aussehen?

MfG

Loopo · 9. Juni 2003

kleiner Fehler war oben drin, so sieht das zB in einer Datei aus:

Code:

<html>
<head>

<title>Test</title>

<script language="JavaScript">
<!--
// Menü-Buttons vorladen
var bild1 = new Image(); 
bild1.src = "1.jpg";

var bild2 = new Image(); 
bild2.src = "2.jpg";

function bildwechsel ( name, bild ) {
  document.images[name].src = bild.src;
}
-->
</script>

</head>

<body>

<a href="#" onclick="bildwechsel('bild', bild1)">zeige Bild 1</a> / <a href="#" onclick="bildwechsel('bild', bild2)">zeige Bild 2</a><br>
<br>
<img src="1.jpg" alt="" name="bild" id="bild" border="0">

</body>
</html>

Suche

Javascript: Bildervorschau / Wechsel

Michomel

Ensign

Loopo

Admiral

Michomel

Ensign

Loopo

Admiral

Ähnliche Themen