Hallo zusammen,
ich habe das Thema schon mal im HTML-Forum gepostet, habe aber keine Antwort erhalten und nun dachte ich das es wohl eher eine Javascriptgeschichte ist. Ich hoffe das ist ok das ich das hier nochmal poste.
ich habe eine Tabelle mit zwei Spalten, in der linken Spalte ist ein Übersichtsbild
in der rechten Spalte sollen Bildbereiche aus dem Übersichtsbild vergrößert angezeigt werden.
Dazu habe ich die Übersichtsgrafik als verweissensitive Grafik gestaltet und schalte über diese das Bild in der rechten Spalte um. Das funktioniert auch super, siehe hier:
http://www.slyspace.de/astronomie/mond/Crisium01.html
Nun möchte ich aber unter den vergrößerten Bildausschnitt in der rechten Spalte noch erläuternden Text haben der sich ja dann jeweils mit dem Bild ändern muss.
Also wie ich das Bild umschalte weiß ich (siehe die angegebene Internetseite) aber wie ich dann den jeweils aktuellen Text da drunter bekomme, da muss mir jemand helfen :-)
Hab jetzt mal folgendes versucht:
<script type="text/javascript">
Erstbild = new Image(104, 102);
Erstbild.src = "Crisium01/Langrenus.JPG";
function Bildwechsel () {
document.images[1].src = Erstbild.src;
document.getElementById("Besch").text = "Das klappt ja prima";
}
Zweitbild = new Image(104, 102);
Zweitbild.src = "Crisium01/Petavius.jpg";
function Bildwechsel1 () {
document.images[1].src = Zweitbild.src;
}
</script>
<body>
<table border="0" bgcolor="#f5b620">
<colgroup>
<col width="500">
<col width="300">
</colgroup>
<tr>
<td align="center"><img src="Crisium02.jpg" alt="" width="600"
usemap="#Zuweisung"></td>
<td valign="top"><img src="black.gif" alt="" width="380"></td>
</tr><tr>
<td><p id="Besch">Kola</p></td>
</tr>
</table>
<map name ="Zuweisung">
<area shape ="rect" coords ="370,280,440,320"
href="javascript:Bildwechsel()" alt="Langrenus"></area>
<area shape ="rect" coords ="515,373,570,430"
href="javascript:Bildwechsel1()" alt="Petavius"></area>
</map>
</body>
Funktioniert nur leider nicht
Gruß Sebastian
ich habe das Thema schon mal im HTML-Forum gepostet, habe aber keine Antwort erhalten und nun dachte ich das es wohl eher eine Javascriptgeschichte ist. Ich hoffe das ist ok das ich das hier nochmal poste.
ich habe eine Tabelle mit zwei Spalten, in der linken Spalte ist ein Übersichtsbild
in der rechten Spalte sollen Bildbereiche aus dem Übersichtsbild vergrößert angezeigt werden.
Dazu habe ich die Übersichtsgrafik als verweissensitive Grafik gestaltet und schalte über diese das Bild in der rechten Spalte um. Das funktioniert auch super, siehe hier:
http://www.slyspace.de/astronomie/mond/Crisium01.html
Nun möchte ich aber unter den vergrößerten Bildausschnitt in der rechten Spalte noch erläuternden Text haben der sich ja dann jeweils mit dem Bild ändern muss.
Also wie ich das Bild umschalte weiß ich (siehe die angegebene Internetseite) aber wie ich dann den jeweils aktuellen Text da drunter bekomme, da muss mir jemand helfen :-)
Hab jetzt mal folgendes versucht:
<script type="text/javascript">
Erstbild = new Image(104, 102);
Erstbild.src = "Crisium01/Langrenus.JPG";
function Bildwechsel () {
document.images[1].src = Erstbild.src;
document.getElementById("Besch").text = "Das klappt ja prima";
}
Zweitbild = new Image(104, 102);
Zweitbild.src = "Crisium01/Petavius.jpg";
function Bildwechsel1 () {
document.images[1].src = Zweitbild.src;
}
</script>
<body>
<table border="0" bgcolor="#f5b620">
<colgroup>
<col width="500">
<col width="300">
</colgroup>
<tr>
<td align="center"><img src="Crisium02.jpg" alt="" width="600"
usemap="#Zuweisung"></td>
<td valign="top"><img src="black.gif" alt="" width="380"></td>
</tr><tr>
<td><p id="Besch">Kola</p></td>
</tr>
</table>
<map name ="Zuweisung">
<area shape ="rect" coords ="370,280,440,320"
href="javascript:Bildwechsel()" alt="Langrenus"></area>
<area shape ="rect" coords ="515,373,570,430"
href="javascript:Bildwechsel1()" alt="Petavius"></area>
</map>
</body>
Funktioniert nur leider nicht
Gruß Sebastian
Zuletzt bearbeitet:
