Galleri og resize billeder
Hej!Jeg er ved at lave et simpelt galleri til min hjemmeside. Har lavet så en række små billeder vises i lilleformat (de bliver "tvungent" ned i samme størrelse). Når musen føres over et af de små skal det vises i et større felt i tabellen ved siden af de små. Dette fungere også fint. Problemet er bare at hele designet rykker sig, da tabellen så tilpasser sig billedets størrelse når det ryger over i det store felt! Kan jeg på nogen måde gøre således at de når billederne vises i det store felt bliver de resizet ind til den størrelse, og at hvis man så vil se dem i normal/fuld størrelse skal klikke og få åbnet det i et nyt vindue???
Min kode ser sådan her ud:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
td
{
text-align:center;
vertical-align:middle;
}
.c75
{
width:75px;
}
</style>
</head>
<body>
<div>
<table width="660" height="52%" border="1">
<tr>
<td class="c75"><a href="Tegneserie/1.jpg" onmouseover="(document.stort_billede.src='Tegneserie/1.jpg')">
<img src="Tegneserie/1.jpg" height="48" width="71" border="0" alt=""></a></td>
<td class="c75"><a href="Tegneserie/2.jpg" onmouseover="(document.stort_billede.src='Tegneserie/2.jpg')">
<img src="Tegneserie/2.jpg" height="48" width="71" border="0" alt=""></a></td>
<td class="c75"><a href="Tegneserie/3.jpg" onmouseover="(document.stort_billede.src='Tegneserie/3.jpg')">
<img src="Tegneserie/3.jpg" height="48" width="71" border="0" alt=""></a></td>
<td class="c75"><a href="Tegneserie/4.bmp" onmouseover="(document.stort_billede.src='Tegneserie/4.bmp')">
<img src="Tegneserie/4.bmp" height="48" width="71" border="0" alt=""></a></td>
<td colspan="4" style="height:300px" rowspan="4" class="stor"><a href="Tegneserie/1.jpg"><img alt="" src="Tegneserie/1.jpg" name="stort_billede" /></a></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="151"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</body>
</html>
Håber der er nogen som kan hjælpe! :)
Mvh. Christina
