Text- und Bildwechsel in seperater Zelle

P

Perros1

Grünschnabel
Hallo zusammen,

ich habe eine Frage bezüglich eines Text- und Bildwechsels.

Ich möchte auf ein Thumbnail klicken und es soll durch onMouseover oder ähnliches, in einer Tabellenzelle ein Bild und in einer weiteren Tabellenzelle, eine Beschreibung aufgerufen werden. Der Bildwechsel funktioniert, aber der Textwechsel nur bedingt.

Ich füge mal den Quelltext ein:

<html>
<head><title>Test</title>
<link rel="stylesheet" type="text/css" href="01.css">

<script type="text/javascript">
function switchPicture(neuesBild,obj){
document.images[obj].src = neuesBild;
}
</script>
</head>
<body>
<img src="images/anfahrt_01.jpg"
onmouseover="switchPicture('images/anfahrt_02.jpg','image1_ro');
document.getElementById('text').innerHTML ='Hier steht der neue Text';"

<table border="3">
<tr>
<td>
<div id="text" class="a2" style="width: 50%; height: 10%; overflow:scroll; text- align:justify; margin-left:10px; margin-right:10px">
<font color="red">Alle Wege führen nach Rügen !
</font>>
Hier steht der Ursprungstext.
</div>
</td>
<td>
<img name="image1_ro" src="images/bg_03.jpg" width="320x" height="250px"
align="center">
</td>
</tr>
</table>
</body>
</html>


Wie bekomme ich es hin, dass der neue Text an eine Variable übergeben wird und ich anstelle von "'Hier steht der neue Text" eine Variable eintrage.

Ich habe versucht das über ein weiteres Div zu lösen, aber alles ohne Erfolg!

Ich würde mich sehr über eine Antwort freuen

Frank
 
z.B. so:

Code: 
<script type="text/javascript">
variable='ein Text';
</script>
.......
<img src="images/anfahrt_01.jpg" onmouseover="switchPicture('images/anfahrt_02.jpg','image1_ro');document.getElementById('text').innerHTML =variable;">
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück