Hallo, ik ben bezig met het maken van een site.
in het fotomenu werk ik met een rollover systeem. Nu als ik over de foto's ga dan komen ze inderdaad rechts van de kleine thumbnails te staan in grote afbeelding.
Maar die grote afbeelding heeft niet altijd hetzelfde formaat. Ik zou willen dat ik dit kan aanpassen zodat ze niet te groot worden en je scherm niet onbruik wordt! Kan iemand mij helpen. Hier zie je de code die ik heb:
<tr>
<td width="221" valign="top"> <table width="204" border="0" align="left" cellpadding="8" cellspacing="0">
<tr>
<td width="32" height="46"><div align="center"><img src="pics/monteberg 10.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 10.jpg';"></div></td>
<td width="32" height="46"><div align="center"><img src="pics/monteberg 11.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 11.jpg';"></div></td>
<td width="32" height="46"><div align="center"><img src="pics/monteberg 12.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 12.jpg';"></div></td>
</tr>
<tr>
<td width="52" height="66"><div align="center"><img src="pics/monteberg 13.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 13.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/monteberg 14.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 14.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/monteberg 15.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 15.jpg';"></div></td>
</tr>
<tr>
<td width="52" height="66"><div align="center"><img src="pics/monteberg 16.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 16.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/monteberg 17.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 17.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/monteberg 18.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 18.jpg';"></div></td>
</tr>
<tr>
<td width="52" height="66"><div align="center"><img src="pics/monteberg 19.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 19.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/monteberg 20.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 20.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/monteberg 21.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 21.jpg';"></div></td>
</tr>
</table>
<table width="466" border="0" align="right" cellpadding="8" cellspacing="0">
<tr>
<td><div align="center"> <img src="../../media/foto/Koedan/Groot/1.jpg" name="largeImage" border="0" ></div></td>
</tr>
</table>
in het fotomenu werk ik met een rollover systeem. Nu als ik over de foto's ga dan komen ze inderdaad rechts van de kleine thumbnails te staan in grote afbeelding.
Maar die grote afbeelding heeft niet altijd hetzelfde formaat. Ik zou willen dat ik dit kan aanpassen zodat ze niet te groot worden en je scherm niet onbruik wordt! Kan iemand mij helpen. Hier zie je de code die ik heb:
<tr>
<td width="221" valign="top"> <table width="204" border="0" align="left" cellpadding="8" cellspacing="0">
<tr>
<td width="32" height="46"><div align="center"><img src="pics/monteberg 10.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 10.jpg';"></div></td>
<td width="32" height="46"><div align="center"><img src="pics/monteberg 11.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 11.jpg';"></div></td>
<td width="32" height="46"><div align="center"><img src="pics/monteberg 12.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 12.jpg';"></div></td>
</tr>
<tr>
<td width="52" height="66"><div align="center"><img src="pics/monteberg 13.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 13.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/monteberg 14.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 14.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/monteberg 15.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 15.jpg';"></div></td>
</tr>
<tr>
<td width="52" height="66"><div align="center"><img src="pics/monteberg 16.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 16.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/monteberg 17.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 17.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/monteberg 18.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 18.jpg';"></div></td>
</tr>
<tr>
<td width="52" height="66"><div align="center"><img src="pics/monteberg 19.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 19.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/monteberg 20.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 20.jpg';"></div></td>
<td width="52" height="66"><div align="center"><img src="pics/monteberg 21.jpg" width="50" height="50" border="1" bordercolor="f0f0f0" onMouseOver="document.largeImage.src='pics/monteberg 21.jpg';"></div></td>
</tr>
</table>
<table width="466" border="0" align="right" cellpadding="8" cellspacing="0">
<tr>
<td><div align="center"> <img src="../../media/foto/Koedan/Groot/1.jpg" name="largeImage" border="0" ></div></td>
</tr>
</table>