Hallo Ich versuche eine Homepage zu erstellen die folgendes kann. Wenn ich zB auf link1 klicke sollen die 3 Bilder gegen andere 3 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.
Das ganze habe ich jetzt mit nur einen Bild hinbekommen aber nicht mit 3 warum? hier ist mein Code
<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>
Danke
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.
Das ganze habe ich jetzt mit nur einen Bild hinbekommen aber nicht mit 3 warum? hier ist mein Code
<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>
Danke
