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 –>

Als je dit een interessant
artikel vond…

wil je vast ook mijn NIEUWSBRIEF!
Iedere week weer een nieuw ARTIKEL!

Krijg je ook meteen dit ebook met 101 tips voor
creatieve ondernemers & bloggers!

ebook 101 tips voor creatieve ondernemers en bloggers