Thema: Bei mouseover Bilderwechsel

hab jetzt mal ein paar bilder per layer übereinander gelegt
jetzt müsste ich es sozusagen so hinbekommen, dass immer nur ein bild eingeblendet ist, und zwar das, wo zuvor beim kleinen bild mouseover gemacht wurde
wo kann man sowas reinschreiben?

nun ja, es geht voran, ich habe das ganze jetzt einfach in javaScript gemacht, da ja anscheinend keiner ne lösung mit joomla-mitteln wusste.
jetzt habe ich ein weiteres problem (aber es neigt sich dem ende zu):
um die bilder zu positionieren, so dass sie übereinander liegen und auch bei verschiedenen größen des browsers (ich habe ein dynamisches template) an ihrer angedachten stelle bleiben, habe ich "position: relative;" genommen.
allerdings liegt ja in der natur des relative-befehls, dass ja die nachfolgenden elemente so folgen, als ob das bild nicht verschoben worden wäre, d.h. ich hab zwar nur eine eigentliche höhe von 250 px, allerdings eine vorhandene höhe von über 2000 px, so als ob die bilder untereinander liegen würden.
jetzt habe ich wegen des overflows einen scrollbalken auf der rechten seite, weil ich in der CSS-datei beim content "overflow: auto;" stehen habe. allerdings will ich den bei der seite gar nicht haben, weil ja eh nichts mehr kommt.
ich denke das problem wäre auf zwei arten zu lösen, wäre schön wenn jemand eine variante davon wüsste:
1) man schaltet lokal für die seite das overflow auf hidden und so fällt es nicht auf, dass unten noch jede menge "nichts" kommt
2) man kann die tabelle wo die bilder drin sind auf eine feste größe setzen, ohne dass unten noch was nachkommt (ich habe bisher normal bei table height einen wert angegeben, aber an den hält sich das ding nicht)

vielen dank und vielleicht hab ich das problem ja bald beseitigt
grüße
flo


p.s.: hier noch der html-quellcode des contents:

HTML-Code:

<tr>           
<table border="0" cellspacing="0" cellpadding="0" width="702" height="450">    
<td width="302" height="252" align="left" valign="top">               

<div id="lay1" style="position: relative; z-index: 1; left: 0px; top: 5px; visibility: visible">
<img src="http://localhost:8888/joomla/images/stories/asg/asg1.gif" alt="" width="300" height="250" />
</div>              
<div id="lay2" style="position: relative; z-index: 2; left: 0px; top: -245px; visibility: hidden">
<img src="http://localhost:8888/joomla/images/stories/asg/asg2.gif" alt="" width="300" height="250" />
</div>              
<div id="lay3" style="position: relative; z-index: 3; left: 0px; top: -495px; visibility: hidden">
<img src="http://localhost:8888/joomla/images/stories/asg/asg3.gif" alt="" width="300" height="250" />
</div>               
<div id="lay4" style="position: relative; z-index: 4; left: 0px; top: -745px; visibility: hidden">
<img src="http://localhost:8888/joomla/images/stories/asg/asg4.gif" alt="" width="207" height="250" />
</div>              
<div id="lay5" style="position: relative; z-index: 5; left: 0px; top: -995px; visibility: hidden">
<img src="http://localhost:8888/joomla/images/stories/asg/asg5.gif" alt="" width="184" height="250" />
</div>              
<div id="lay6" style="position: relative; z-index: 6; left: 0px; top: -1245px; visibility: hidden">
<img src="http://localhost:8888/joomla/images/stories/asg/asg6.gif" alt="" width="183" height="250" />
</div>              
<div id="lay7" style="position: relative; z-index: 7; left: 0px; top: -1495px; visibility: hidden">
<img src="http://localhost:8888/joomla/images/stories/asg/asg7.gif" alt="" width="185" height="250" />
</div> 	 
<div id="lay8" style="position: relative; z-index: 8; left: 0px; top: -1745px; visibility: hidden">
<img src="http://localhost:8888/joomla/images/stories/asg/asg8.gif" alt="" width="300" height="250" />
</div> 		  
</td>           
<td width="25"><img src="http://localhost:8888/joomla/images/stories/projekt/transp.gif" alt="" width="25" height="296" /></td>            

<td width="350" align="left" valign="top"><p class="content">Stadtplatz Radstadt | Radstadt<br />             
<br />              
Angestrebt wurde eine atmosph&auml;rische und gro&szlig;z&uuml;gige st&auml;dtische L&ouml;sung, welche die M&ouml;glichkeit in sich tr&auml;gt, 
flexibel zu sein und auch Teilbereiche des Stadtkerns unterschiedlich und einzeln nutzbar macht. <br />   
Diese Teilbereiche sind der umliegenden Bebauung zugeordnet und unterstreichen so deren Wertigkeit im st&auml;dtischen Kontext. 
Gleichzeitig tragen sie zur <br />   Gliederung des gesamten Platzes bei, ohne diesen zu zerteilen.<br />    <br />   
Die gesamte Fl&auml;che wird als ein gro&szlig;er Platz gesehen <br />   und ist als solcher auch sp&uuml;rbar und erlebbar.<br />   <br />   
Planungsbeginn: WbW 2004 <br />   Bauzeit: 10 Monate <br />                Fertigstellung: April 2006<br />               <br />               
Fotos: 		Darren Penrose</p>     
<br>
<a href="http://localhost:8888/projekte.htm" target="_self">&lt;&lt;          zur&uuml;ck zur &Uuml;bersicht</a>      
</td>         
</tr>       
</tbody>
</table>  	    

<div id="Layer1" style="position: relative; width: 68px; height: 68px; z-index: 8; left: 0px; top: -1720px; visibility: visible"> 
<a href="#"><img src="http://localhost:8888/joomla/images/stories/asg/asg1_k.gif" 
onmouseover="MM_showHideLayers('lay1','','show','lay2','','hide','lay3','','hide','lay4','','hide','lay5','','hide','lay6','','hide','lay7','','hide','lay8','','hide')" 
border="0" alt="" width="68" height="68" /></a></div>          

<div id="Layer1" style="position: relative; width: 68px; height: 68px; z-index: 8; left: 77px; top: -1788px; visibility: visible"> 
<a href="#"><img src="http://localhost:8888/joomla/images/stories/asg/asg2_k.gif" 
onmouseover="MM_showHideLayers('lay1','','hide','lay2','','show','lay3','','hide','lay4','','hide','lay5','','hide','lay6','','hide','lay7','','hide','lay8','','hide')" 
border="0" alt="" width="68" height="68" /></a></div> 	    

<div id="Layer1" style="position: relative; width: 68px; height: 68px; z-index: 8; left: 155px; top: -1856px; visibility: visible"> 
<a href="#"><img src="http://localhost:8888/joomla/images/stories/asg/asg3_k.gif" 
onmouseover="MM_showHideLayers('lay1','','hide','lay2','','hide','lay3','','show','lay4','','hide','lay5','','hide','lay6','','hide','lay7','','hide','lay8','','hide')" 
border="0" alt="" width="68" height="68" /></a></div> 	   

<div id="Layer1" style="position: relative; width: 68px; height: 68px; z-index: 8; left: 232px; top: -1924px; visibility: visible"> 
<a href="#"><img src="http://localhost:8888/joomla/images/stories/asg/asg4_k.gif" 
onmouseover="MM_showHideLayers('lay1','','hide','lay2','','hide','lay3','','hide','lay4','','show','lay5','','hide','lay6','','hide','lay7','','hide','lay8','','hide')" 
border="0" alt="" width="68" height="68" /></a></div> 	    

<div id="Layer1" style="position: relative; width: 68px; height: 68px; z-index: 8; left: 0px; top: -1914px; visibility: visible"> 
<a href="#"><img src="http://localhost:8888/joomla/images/stories/asg/asg5_k.gif" 
onmouseover="MM_showHideLayers('lay1','','hide','lay2','','hide','lay3','','hide','lay4','','hide','lay5','','show','lay6','','hide','lay7','','hide','lay8','','hide')" 
border="0" alt="" width="68" height="68" /></a></div> 	

<div id="Layer1" style="position: relative; width: 68px; height: 68px; z-index: 8; left: 77px; top: -1982px; visibility: visible"> 
<a href="#"><img src="http://localhost:8888/joomla/images/stories/asg/asg6_k.gif" 
onmouseover="MM_showHideLayers('lay1','','hide','lay2','','hide','lay3','','hide','lay4','','hide','lay5','','hide','lay6','','show','lay7','','hide','lay8','','hide')" 
border="0" alt="" width="68" height="68" /></a></div>   
     
<div id="Layer1" style="position: relative; width: 68px; height: 68px; z-index: 8; left: 155px; top: -2050px; visibility: visible"> 
<a href="#"><img src="http://localhost:8888/joomla/images/stories/asg/asg7_k.gif" 
onmouseover="MM_showHideLayers('lay1','','hide','lay2','','hide','lay3','','hide','lay4','','hide','lay5','','hide','lay6','','hide','lay7','','show','lay8','','hide')" 
border="0" alt="" width="68" height="68" /></a></div> 	

<div id="layer" style="position: relative; width: 68px; height: 68px; z-index: 8; left: 232px; top: -2118px; visibility: visible"> 
<a href="#"><img src="http://localhost:8888/joomla/images/stories/asg/asg8_k.gif" 
onmouseover="MM_showHideLayers('lay1','','hide','lay2','','hide','lay3','','hide','lay4','','hide','lay5','','hide','lay6','','hide','lay7','','hide','lay8','','show')" 
border="0" alt="" width="68" height="68" /></a></div> 	

<div id="Layer1" style="position: absolute; width: 114px; height: 17px; z-index: 8; left: 660px; top: 415px; visibility: visible"> 
<a href="http://localhost:8888/projekte.htm" target="_self">&lt;&lt;          zur&uuml;ck zur &Uuml;bersicht</a></div>  	    
<img src="http://localhost:8888/joomla/images/stories/projekt/transp.gif" alt="" width="30" height="12" /> 	  <p>&nbsp;</p>                 
<p>&nbsp;</p><p>&nbsp;</p>          <p>&nbsp;</p>     <p>&nbsp;</p>      <p>&nbsp;</p>     <p>&nbsp;</p>     <p>&nbsp;                  
</p></td>   </tr> </tbody></table>
</body>

kann irgendein moderator den titel ändern?
meine änderung erscheint nur wenn man den thread öffnet.
wäre super, dann müsste ich nicht einen komplett neuen thread anlegen
danach kann der post gelöscht werden