Grootte van een plaatje aanpassen

Wanneer je een plaatje wilt hebben dat zich qua grootte aanpast aan het formaat van
de browser kun je gebruik maken van javascript. Bij de meeste computers ziet een plaatje
er namelijk leuk uit op een 17 inch scherm, maar heeft het de grootte van een postzegel
op een scherm van 22 inch.

Het eerste deel komt te staan in de header van je website, dus tussen <head> en
</head>. Hiermee wordt het schermformaat bepaald en vervolgens wel formaat het plaatje
moet hebben. Omdat het een javascript is moet er wel bij staan dat het om deze scripttaal
gaat.

<script language=”javascript”>
<!– Begin
if ((screen.width == 640)&&(screen.height == 480))
{
 width = 600;
 height = 400;
}
else if ((screen.width == 800)&&(screen.height == 600))
{
 width = 750;
 height = 500;
}
else if ((screen.width == 1024)&&(screen.height == 768))
{
 width = 975;
 height = 650;
}
else
{
 width = 600;
 height = 400;
}
// End –>
</script&gt

In de body komt dan een javascript te staan wat zijn informatie uit bovenstaand script haalt,
namelijk welk formaat het plaatje moet krijgen. De maten kun je natuurlijk aanpassen aan de gewenste
grootte. Houd er wel rekening mee dat je de verhouding gelijk laat. De naam van het plaatje
kan natuurlijk worden aangepast naar de naam van het plaatje, in ons voorbeeld heet dat
voorbeeld.jpg.

<script language=”javascript”>
<!– Begin
document.write( <img src=”voorbeeld.jpg” height=”+height+” width=”+width+”>);
// End –>

Een reactie achterlaten

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *