Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

[JS] Formaten afbeelding

xSc - 27/07/2007 16:02 (laatste wijziging 27/07/2007 16:05)
Onbekend		html4strict code - Bekijk de code zonder highlighting - Klap code in <html> <head> </head> <body> <script type="text/javascript"> var myIMG = new Image(); myIMG.src = '/images/myImg.jpg'; alert(myIMG.width+' '+myIMG.height); </script> </body></html> <html> <head> </head> <body> <script type="text/javascript"> var myIMG = new Image(); myIMG.src = '/images/myImg.jpg'; alert(myIMG.width+' '+myIMG.height); </script> </body></html> Het vreemde is als je een alert doet (zoals) hierboven, dan gaat het goed (krijg je juiste formaten), maar als je een controle maakt, zoiets als: if (myIMG.width > 200) { .... dan is myIMG.width 0 (bij eerste keer laden). Bij 2e of > keer laden gaat het wel goed.

3 antwoorden

Gesponsorde links

willemw - 27/07/2007 16:04 (laatste wijziging 27/07/2007 16:08)
Nieuw lid		1. zet je code is in een functie en in de <head> van de pagina. vervolgens je body-tag aanpassen met <body onload="naamvanjefunctie()" > 2. het probleem is dat de image nog niet ingeladen gaat zijn op het moment dat je de hoogte en breedte opvraagd. image.onload() gaat je daarbij kunnen helpen

mebus - 27/07/2007 16:06
Nieuw lid		doe het zo: php code - Bekijk de code zonder highlighting - Klap code in window.onload = function() { code, functies etc... } window.onload = function() { code, functies etc... }

willemw - 27/07/2007 16:14 (laatste wijziging 27/07/2007 16:14)

Nieuw lid

hallo

html4strict code - Bekijk de code zonder highlighting - Klap code in

<html>
<head>
<script type="text/javascript">

function start_load(){
         var myIMG = new Image();
         myIMG.onload = function (){
                      alert(myIMG.width+' '+myIMG.height);
         }
         myIMG.src = 'http://tbn0.google.com/images?q=tbn:36i6R-GdYcfmtM:http://www.nasa.gov/images/content/84857main_EC04-0325-23_lg.jpg';
}

</script>
</head>
<body onload="start_load();">

</body>
</html>

<html>
<head>
<script type="text/javascript">
 
function start_load(){
         var myIMG = new Image();
         myIMG.onload = function (){
                      alert(myIMG.width+' '+myIMG.height);
         }
         myIMG.src = 'http://tbn0.google.com/images?q=tbn:36i6R-GdYcfmtM:http://www.nasa.gov/images/content/84857main_EC04-0325-23_lg.jpg';
}
 
</script>
</head>
<body onload="start_load();">
 
</body>
</html>

stop met je vraag te veranderen. anyway, hiermee moet het lukken

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten