nachdem ihr mir zuletzt bei einem schwierigen PHP-Problem helfen konntet, habe ich wieder eine Anfrage an die Experten:

Auf unseren Seiten snd meistens 6 oder 7 Thumbnails zu sehen, die beim Überfahren mit der Maus immer an der gleichen Stelle immer in der gleichen Größe ein vergrößertes Bild anzeigen sollen. Früher habe ich das mit diversen Ebenen gelöst, bei denen dann so ein Quellcode zustande kam:

Code: Alles auswählen
<td width="67"><a href="javascript:;"><img src="../../img/home/1_rkm_kl.jpg" alt="Produktion von Kroma-Pappen" title="Produktion von Kroma-Pappen" width="60" height="60" border="0" onMouseOver="MM_showHideLayers('top','','hide','Bild1','','show','Bild2','','hide','Bild3','','hide','Bild4','','hide','Bild5','','hide','Bild6','','hide')" onMouseOut="MM_showHideLayers('top','','show','Bild1','','hide','Bild2','','hide','Bild3','','hide','Bild4','','hide','Bild5','','hide','Bild6','','hide')"></a></td>
<td width="67"><a href="javascript:;"><img src="../../img/home/2_rabolini_kl.jpg" alt="Stanz-Halbautomat" title="Stanz-Halbautomat" width="60" height="60" border="0" onMouseOver="MM_showHideLayers('top','','hide','Bild1','','hide','Bild2','','show','Bild3','','hide','Bild4','','hide','Bild5','','hide','Bild6','','hide')" onMouseOut="MM_showHideLayers('top','','show','Bild1','','hide','Bild2','','hide','Bild3','','hide','Bild4','','hide','Bild5','','hide','Bild6','','hide')"></a></td>
<td width="67"><a href="javascript:;"><img src="../../img/home/3_werbemittel_kl.jpg" alt="Werbemittel-Entwicklung" title="Werbemittel-Entwicklung" width="60" height="60" border="0" onMouseOver="MM_showHideLayers('top','','hide','Bild1','','hide','Bild2','','hide','Bild3','','show','Bild4','','hide','Bild5','','hide','Bild6','','hide')" onMouseOut="MM_showHideLayers('top','','show','Bild1','','hide','Bild2','','hide','Bild3','','hide','Bild4','','hide','Bild5','','hide','Bild6','','hide')"></a></td>
<td width="67"><a href="javascript:;"><img src="../../img/home/4_paradise_kl.jpg" alt="Thekendisplay" title="Thekendisplay" width="60" height="60" border="0" onMouseOver="MM_showHideLayers('top','','hide','Bild1','','hide','Bild2','','hide','Bild3','','hide','Bild4','','show','Bild5','','hide','Bild6','','hide')" onMouseOut="MM_showHideLayers('top','','show','Bild1','','hide','Bild2','','hide','Bild3','','hide','Bild4','','hide','Bild5','','hide','Bild6','','hide')"></a></td>
<td width="67"><a href="javascript:;"><img src="../../img/home/5_plotter_kl.jpg" alt="CAD-Plotter" title="CAD-Plotter" width="60" height="60" border="0" onMouseOver="MM_showHideLayers('top','','hide','Bild1','','hide','Bild2','','hide','Bild3','','hide','Bild4','','hide','Bild5','','show','Bild6','','hide')" onMouseOut="MM_showHideLayers('top','','show','Bild1','','hide','Bild2','','hide','Bild3','','hide','Bild4','','hide','Bild5','','hide','Bild6','','hide')"></a></td>
<td width="155"><a href="javascript:;"><img src="../../img/home/6_druckveredlung_kl.jpg" alt="Druckverarbeitung und -veredlung" title="Druckverarbeitung und -veredlung" width="60" height="60" border="0" onMouseOver="MM_showHideLayers('top','','hide','Bild1','','hide','Bild2','','hide','Bild3','','hide','Bild4','','hide','Bild5','','hide','Bild6','','show')" onMouseOut="MM_showHideLayers('top','','show','Bild1','','hide','Bild2','','hide','Bild3','','hide','Bild4','','hide','Bild5','','hide','Bild6','','hide')"></a> </td>
