kappstatt
Threadersteller
Dabei seit: 27.02.2010
Ort: Österreich/NÖ
Alter: -
Geschlecht: -
|
Verfasst Di 10.08.2010 20:11
Titel mehrere onmouseover in einem div! |
|
|
Liebe Leute - bereits einige male hat mir dieses Forum weitergeholfen und meine großen Probleme haben sich in Kleinigkeiten verwandelt. Bitte liebe Leute - macht dies auch mit diesem meinem "großen" Problem.
Ich habe ein div in eine website integriert, das scrollbar ist. In diesem div gibt es viele Bilder untereinander, die jeweils beim Mauskontakt (wie der Name schon sagt) eingeblendet werden.
Der Code - mit nur 2 Bildern: (eigentlich sind es 17!)
<div id="content" style="width:450px; height:345px; overflow:auto; margin-top:10px; margin-left:10px; text-align: left; margin-right: 10px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="28%"><a href="#v"><img src="pics/referenzen/ref_01_01_kl.jpg" alt="FMZ Feldbach" border="0" onmouseover="MM_showHideLayers('poppit1','','show')" onmouseout="MM_showHideLayers('poppit1','','hide')" /><b></a></td>
<td width="72%"><p><strong>Bilderklärung</strong><br />TEXT </p></td>
</tr>
<tr>
<td width="28%"><a href="#v"><img src="pics/referenzen/ref_01_02_kl.jpg" alt="FMZ Feldbach" border="0" onmouseover="MM_showHideLayers('poppit2','','show')" onmouseout="MM_showHideLayers('poppit2','','hide')" /><b></a></td>
<td width="72%"><p><strong>Bilderklärung</strong><br />TEXT </p></td>
</tr>
</table>
<p> </p>
<p>
</p>
</div>
<div id="poppit1"><img src="pics/referenzen/ref_01_01.jpg" width="574" height="510" /></div>
<div id="poppit2"><img src="pics/referenzen/ref_01_02.jpg" width="574" height="510" /></div>
</td>
im JAVA code steht:
#poppit {
position:absolute;
width:574px;
height:510px;
z-index:999;
left: 900px;
top: 450px;
visibility: hidden;
}
Nun habe ich jeweils ein DIV für die anzuzeigenden Bilder erstellt.
Aber wenn ich nun viele Bilder untereinander habe, blendet es mir ALLE einzublendenden Bilder untereinander ein. HILFE! WARUM?????? Bei einem oder 2 Bildern wäre das ja noch machbar - aber bei 17? Eher nicht! Ich muss den Fehler finden.
Bitte liebe Leute - seid gnädig! Keine Unwissenheitsbekundungen - ich weiß das selbst, denn alles ist selbsterlernt.
Aber vielleicht könnt ihr helfen!
Danke
Eva
|
|
safer-print
Dabei seit: 11.03.2010
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 10.08.2010 21:59
Titel
|
|
|
Hi kappstatt,
poste doch noch den Javascript-Code der Funktion 'MM_showHideLayers' sonst könne wir das Problem nicht erkennen. Das, was du mit JAVA bezeichnet hast ist CSS. Dort kommt der Selector poppit vor, der in deinem HTML-Quelltext wiederum nicht zu finden ist. Du kannst nicht einfach ein div mit dem id poppit1 bezeichnen und hoffen, das der Selektor poppit (ohne 1) greift. Desweiteren dürfen ids nur einmal (pro Dokument) vorkommen. In deinem Fall wäre eine class sinnvoll.
|
|