|
 |
  |
| Autor |
Nachricht |
obsti
Neuer [User]
Anmeldung: 02.03.05
Beiträge: 1
|
 Verfasst am: 02.03.2005, 11:36 Titel: Brauche Hilfe bei Mouseover! Bilder ändern sich, text nicht |
 |
|
Hallo! ich habe folgendes Problem: ich baue gerade auf einem anderen Server eine Homepage für ein Autohaus auf. Bei der Team-Vorstellung möchte ich, wenn ich über die Köpfe eines Bildes gehe, dass die Bilder auf einer anderen Stelle der Seite erscheinen. Das habe ich auch geschaft. Nun möchte ich halt noch, dass bei jedem anderen Kopf unten drunter ein jeweils anderer Text kommt. Leider habe ich da noch keine Ahnung. Habe es mal probiert. Anschließend ist mein Quelltext. Die wichtigen Teile für den Text sind fett:
<html><head>
<title>Alpspitz-Team</title>
<script language="JavaScript">
<!--
if(document.images) {
Bild0 = new Image();
Bild0.src = "http://www.werdenfelser-schandirutscher.de/volvo/logo1.gif";
// verwende für Bild0 evt. einen Platzhalter (transparentes gif)
Bild1 = new Image();
Bild1.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/100-7914u2f2.jpg";
text1 = "Stefanie Greif";
Bild2 = new Image();
Bild2.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/schroedl.jpg";
text2 = "Matthias Schrödl";
Bild3 = new Image();
Bild3.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/2f2u8328.jpg";
Bild4 = new Image();
Bild4.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/2f2u8321.jpg";
Bild5 = new Image();
Bild5.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/2f2u8319.jpg";
Bild6 = new Image();
Bild6.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/2f2u8326.jpg";
Bild7 = new Image();
Bild7.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/salfner.jpg";
Bild8 = new Image();
Bild8.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/2f2u8314.jpg";
Bild9 = new Image();
Bild9.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/2f2u0204.jpg";
Bild10 = new Image();
Bild10.src = "http://www.werdenfelser-schandirutscher.de/volvo/team/murphy.jpg";
}
function Wechsel(Bild){
if(document.images) {
window.document.images.dasBild.src = Bild.src;;document.all.textzumbild.innerText = text0;}}
//-->
</script>
<style type="text/css">
#welcometext {
position: absolute;
top: 11px;
left: 362px;
width: 245px;
height: 80px;
}
#navi { position: absolute; top: 140; left: 20;
}
#bildanzeige {
position: absolute;
top: 143px;
right: 20;
width: 360;
textalign: center;
left: 590px;
height: 288px;
}
body {
background-color: #CCCCCC;
}
.Stil1 { font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
}
.Stil2 {font-family: Georgia, "Times New Roman", Times, serif}
.Stil7 { font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #000099;
font-size: 36px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="Layer1" style="position:absolute; left:287px; top:56px; width:468px; height:46px; z-index:1">klicken Sie mit der Maus auf einen Kopf, um mehr Informationen zu erhalten </div>
<div align="center">
<p class="Stil7"><span class="Stil1">Volvo </span><span class="Stil2">for life</span></p>
</div>
<div id="navi"><h4>
<map name="Map">
<area shape="rect" coords="263,81,303,133" class=link href="#" title="Stefanie Greif"
onmouseout="Wechsel(Bild0)" onmouseover="Wechsel(Bild1)">
<area shape="rect" coords="201,78,237,122" href="#" title="Matthias Schrödl"
onmouseout="Wechsel(Bild0)" onmouseover="Wechsel(Bild2)">
<area shape="rect" coords="124,64,165,119" href="#" title="Matthias Melk"
onmouseout="Wechsel(Bild0)" onmouseover="Wechsel(Bild3)">
<area shape="rect" coords="57,86,98,137" href="#" title="Petra Gschwendtner"
onmouseout="Wechsel(Bild0)" onmouseover="Wechsel(Bild5)">
<area shape="rect" coords="178,46,208,78" href="#" title="Rene Freystedt"
onmouseout="Wechsel(Bild0)" onmouseover="Wechsel(Bild4)">
<area shape="rect" coords="259,39,299,77" href="#" title="Florian Gesinn"
onmouseout="Wechsel(Bild0)" onmouseover="Wechsel(Bild6)">
<area shape="rect" coords="329,26,366,68" href="#" title="Christian Salfner"
onmouseout="Wechsel(Bild0)" onmouseover="Wechsel(Bild7)">
<area shape="rect" coords="374,80,414,125" href="#" title="Christian Kusch"
onmouseout="Wechsel(Bild0)" onmouseover="Wechsel(Bild">
<area shape="rect" coords="313,84,352,134" href="#"
onmouseout="Wechsel(Bild0)" onmouseover="Wechsel(Bild9)">
<area shape="rect" coords="194,195,242,272" href="#" title="Murphy"
onmouseout="Wechsel(Bild0)" onmouseover="Wechsel(Bild10)">
</map>
</h4>
<br>
</div>
<div id="bildanzeige">
 <br>
<span id="textzumbild"> </span>
</div>
<hr>
<p> </p>
<p> </p>
</body></html>
Ich glaube mal, dass mit dem document.all.textumbild.... ist falsch!
Danke für eine Hilfe
|
|
| Nach oben |
|
 |
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
