img width veranderen/instellen met JS

[lucb1e]

Hallo,

ik wil graag weten hoe je de grootte van een afbeelding kan aanpassen met JavaScript. Ik heb al enige dingen geprobeerd, maar ik krijg iedere keer ruzie met de width. Is een onbekende eigenschap ofzo

Als iemand een voorbeeld heeft of een idee hoe je het zou kunnen doen zou dat heel fijn zijn.

Alvast bedankt, Luc.

 

[NielsDesmet]

Je geeft je afbeelding een id:

<img src="Afbeelding.jpg" id="AfbObj">

Nu kan je via Javascript zo de waarden aanpassen:

var MijnAfb = document.getElementById("AfbObj"); // Tonen aan JS waar hij is
MijnAfb.width = <Waarde komt hier> // Breedte
MijnAfb.height = <Waarde komt hier> // Hoogte

Dit zou normaal gezien wel moeten werken.

 

[That Guy]

voorbeeljah:

<img src='http://www.google.nl/intl/nl_nl/images/logo.gif' id='eenplaatje' style='width: 100px; height: 65px;' />

en dan je javascript:

//javascripts

var obj = document.getElementById('eenplaatje');
obj.style.width = '50px';
obj.style.height: '37px';

:thumb:



[edit]edit @ NielsDesmet: maar mijn voorbeeld heeft kleurtjes

Anywho, je kan ook gewoon 'width' en 'height' gebruiken zoals NielsDesmet voordeed, maar ik vind t via 'style' mooier. Maargoed.[/edit]

 

[lucb1e]

de document.getElementById("AfbObj").style.width werkt niet, maar gewoon document.getElementById("AfbObj").width wel!
Dat was dan waarschijnlijk fout aan wat ik eerst probeerde

Bedankt!

 

[That Guy]

ik denk dat '.style.width' niet werkt omdat het niet bestaat; vandaar dat ik in mn voorbeeld 'style=""' had toegevoegd Maargoed, either way, twerkt