Avatar billede ss Nybegynder
14. maj 2006 - 22:55 Der er 4 kommentarer og
2 løsninger

Problem med offsetWidth

Hejsa,
jeg er igang med at lave et lille script hvor man kan indtaste stien til et billede og så viser javascriptet det pågældende billede.

Jeg kører derfor en funktion (onchange på et input-felt) som skifter src på mit billede.

Problemet er nu at jeg gerne vil resize de billeder der er over en hvis bredde.
Altså sådan at alle de billeder med en bredde over 300 pixels, der bliver deres bredde sat til 300px.

Jeg bruger derfor denne funktion:

function setExample() {
var eks = document.getElementById("example");
if(eks.offsetWidth > 300){
eks.style.width = 300 + "px";
}
}

Og det virker da også fint nok (på overfladen).
Det der sker er at offsetWidth ikke skifter når jeg skifter sti på billedet. Hvis jeg først har skrevet 1.jpg finder den fint bredde på 1.jpg men skriver jeg så 2.jpg finder den stadig bredden på 1.jpg og skriver jeg 1.jpg igen finder den pludselig bredden på 2.jpg.

Er der en alternativ måde at gøre det på, eller er der noget med offsetWidth jeg bør vide?

På forhånd tak!
Avatar billede roenving Novice
14. maj 2006 - 23:08 #1
Den virker kun _efter_ at du har sat billedet ind, så du skal på en eller anden måde sørge for, at javascript ikke har kontrollen før du aflæser billedets størrelse !-)
Avatar billede olebole Juniormester
14. maj 2006 - 23:13 #2
<ole>

- og bredden er 0, hvis billedet - eller et omkransende - er gemt med 'display:none'. Det er ikke tilfældet med 'visible:hidden'  :)

/mvh
</bole>
Avatar billede ss Nybegynder
15. maj 2006 - 16:27 #3
Jeg fik løst problemet, ellers tak for hjælpen.
Smid et par svar så får i lidt point fordi i tog jer tid til at svare.
Avatar billede roenving Novice
15. maj 2006 - 16:35 #4
Oki '-)
Avatar billede ss Nybegynder
16. maj 2006 - 21:41 #5
Olebole? Vil du have lidt point for dine anstrengelser?
Avatar billede roenving Novice
22. maj 2006 - 12:36 #6
Tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester