✔ Bildwechsel bei linkwechsel

E

emonem

Erfahrenes Mitglied
Hallo Leute,

ich bau zur Zeit eine Page bei der ich folgendes Problem habe. Und zwar geht es darum
das ich eine Tabelle habe in welcher auf der linke Seite ein Menu mit verschiedenen links ist.Auf der rechten Seite der Tabelle befinden sich zwei Zeilen. In der Oberen ist ein Bild eingefügt und in der unteren Zeile habe ich ein Iframe eingebettet welcher den Inhalt laden soll.
So jetzt zu meinem Problem: Wenn ich zB auf link1 klicke soll das Anfangsbild gegen ein anderes ausgetauscht werden und ein neuer Iframe Inhalt geladen werden.
Wenn ich dann auf link2 gehen soll das momentane Bild wieder gegen ein neues ausgetauscht werden und wieder ein neuer Inhalt im Iframe geladen werden.
Das laden des Contents in dem Iframe Fenster ist kein Problem aber wie kriege ich es hin das die Bilder sich jedes mal austauschen sobald ich auf ein anderen Link klicke.
Muß ich den Bildern eine ID zuweisen oder muß ich mit CSS layern arbeiten? Wie lautet dann der Code dazu?
Habe zum besseren Verständnis eine Grafik erstellt die das Problem nochmal verdeutlicht.
http://dirty-sanchez.de/problem.jpg
Hoffe ihr könnt mir helfen ist wirklich wichtig für mich.
Danke und Gruß
Emonem
 
Für einen Bildertausch ist Javascript erforderlich, das beim Klicken eines Links die Grafik-URI tauscht.

Hier ein Lösungsansatz:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<!-- Grafiken vorladen -->
<script type="text/javascript">
<!--
image1 = new Image();
image1.src = "link1.jpg";
image2 = new Image();
image2.src = "link2.jpg";
image3 = new Image();
image3.src = "link3.jpg";
//-->
</script>

</head>
<body>

<p>
   <img src="link1.jpg" border="0" alt="" name="start">
</p>

<ul>
    <li><a href="start.htm" target="iFrame-Name" onclick="start.src='link1.jpg'">link 1</a></li>
    <li><a href="start2.htm" target="iFrame-Name" onclick="start.src='link2.jpg'">link 2</a></li>
    <li><a href="start3.htm" target="iFrame-Name" onclick="start.src='link3.jpg'">link 3</a></li>
</ul>

<iframe src="start.htm" name="iFrame-Name"> ... </iframe>

</body>
</html>
 
Ich war mal so frei den Thread in's JavaScript-Forum zu treten. ;)
Das naechste Mal bitte gleich richtig platzieren, denn es sollte ja eigentlich bekannt sein, dass HTML fuer dynamische Spielereien wie diese nicht geeignet ist und somit JavaScript herhalten muss.

Und schlussendlich dann noch die Bitte den Thread als erledigt zu markieren falls Deine Frage beantwortet ist.
 
Wenn deine Frage beantwortet ist, markiere das Thema bitte auch mit einem Klick auf den "Status"-Button als erledigt.
 
Hallo Leute wie muss ich den oben genanten Code ändern wenn ich nicht nur ein bild bei klicken ändern will sondern gleich 3, ist das möglich? Ich bin neu hier und währe sehr Dankbar für eure Hilfe
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück