:strip_icc():strip_exif()/u/108208/crop5ea714360eed2_cropped.jpeg?f=community)
Ik probeer via Javascript een afbeelding te tonen in een venster dat precies even groot is als de afbeelding. Dus dat het mooi aansluit op de afbeelding. Alleen nu lukt dat nu net niet. Met mijn code (een klein gedeelte, hierbij worden breedte en hoogte vervangen door variabelen met de juiste (heb ik gechecked) waarde):
Dan krijg ik dit resultaat:
Terwijl ik ook rekening gehouden heb met de style van het document (dus de margin (voor somige browsers) en de padding van de body op 0 gezet). En het gewoon een valide document is:
Overigens is het ook niet te verhelpen door het venster bij te stellen via resizeBy of via resizeTo met een lage waarde dan de hoogte van de afbeelding.
code:
1
2
3
4
5
6
| window.onload = function()
{
window.resizeTo(breedte, hoogte);
window.moveTo((screen.availWidth / 2) - (breedte / 2), (screen.availHeight / 2) - (hoogte / 2));
window.focus();
} |
Dan krijg ik dit resultaat:
Terwijl ik ook rekening gehouden heb met de style van het document (dus de margin (voor somige browsers) en de padding van de body op 0 gezet). En het gewoon een valide document is:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| <!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Preview</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<!-- Hier de style & js code -->
</head>
<body>
[img]"uploads/"[/img]
</body>
</html> |
Overigens is het ook niet te verhelpen door het venster bij te stellen via resizeBy of via resizeTo met een lage waarde dan de hoogte van de afbeelding.