Annars så har jag anpassat ett bildvisninsscript som löser just detta. Du kan ju kolla om de kan va nåt!
<html>
<head>
<title>lek_med_bilder</title>
<style type="text/css">
body {background-color:lightblue; font-family:arial, verdana; font-size:18; color:yellow;margin:2px;}
.tabell {background-color:green;width:75%; height:100%; border-collapse:collapse;
border:2px solid black}
div {background-color:green;width:100%; height:100%; position:absolute; left:2%; top:2%;}
.td {position:absolute; left:2%; top:2%; width:60% height:80%; border-collapse:collapse;
border:2px solid black}
a {cursor:hand;}
#bild1 {display:none;}
#bild2 {display:none;}
#bild3 {padding:15; background-color:white; display:none;}
#bild4 {display:none;}
#bild5 {display:none;}
#bild6 {padding:15; background-color:silver; display:none;}
</style>
<script type="text/javascript" language=javascript>
<!--
function bild(currPic){thisText=document.getElementById(currPic).style
if (thisText.display == "block"){thisText.display="none"}
else { thisText.display = "block" } }
-->
</script>
</head>
<body>
<table width=10% height=50% align=right bgcolor=lightgreen>
<td>
<A HREF OnMouseOver="bild('bild1');" OnMouseOut="bild('bild1');"><img src=001.jpg width=30 height=30 title="din bildbeskrivning"></A>
<BR>
<A HREF OnMouseOver="bild('bild2');" OnMouseOut="bild('bild2');"><img src=002.jpg width=30 height=30 title="din bildbeskrivning"></A>
<BR>
<A HREF OnMouseOver="bild('bild3');" OnMouseOut="bild('bild3');"><img src=003.jpg width=30 height=30 title="din bildbeskrivning"></A>
</td>
<td>
<A HREF OnMouseOver="bild('bild4');" OnMouseOut="bild('bild4');"><img src=004.jpg width=30 height=30 title="din bildbeskrivning"></A>
<BR>
<A HREF OnMouseOver="bild('bild5');" OnMouseOut="bild('bild5');"><img src=005.jpg width=30 height=30 title="din bildbeskrivning"></A>
<BR>
<A HREF OnMouseOver="bild('bild6');" OnMouseOut="bild('bild6');"><img src=006.jpg width=30 height=30 title="din bildbeskrivning"></A>
</td>
</table>
<!-- Nedan anger du maxstorleken, obs! Om bilden beskärs så måste det göras proportionellt, annars förvrängs bilden -->
<table class=tabell>
<td>Tabell med endast en cell
<BR><BR>
Scriptet känner av bildens storlek, jag har här satt 480x360 som max bildstorlek
<BR>
för bilderna i vänstra raden, vilket inte behövs (för muspekaren över) .
<BR>
Men du kan själv ange maxstorlek på bilderna
<BR><BR>
De högra bilderna visas som de är. Dock bör inte storleken överstiga 560x420
<BR><BR>
Är ursprungsbilden större än angiven storlek i koden
<BR>
så visas de förminskade inom den storlek jag angivit här.
<BR><BR>
Obs! om man anger annan bildstorlek än ursprungsbilden
<BR>
så måste det anges proportionellt, annars förvrängs ju bilden
<BR><BR>
Om man vill ha passpartou (d.v.s ram runt bilden) så har jag angatt detta för
<BR>
bilderna tre och sex i css-delen
</td>
<div>
<td class=td id="bild1"><IMG SRC=001.jpg width=480 height=360></td>
<td class=td id="bild2"><IMG SRC=002.jpg width=480 height=360></td>
<td class=td id="bild3"><IMG SRC=003.jpg width=480 height=360></td>
<td class=td id="bild4"><IMG SRC=004.jpg><BR></td>
<td class=td id="bild5"><IMG SRC=005.jpg><BR>Bildbeskrivning ?</td>
<td class=td id="bild6"><IMG SRC=006.jpg><BR>Bildbeskrivning kanske ?</td>
<div>
</table>
</body>
</html>