Avatar billede Slettet bruger
04. juli 2001 - 17:16 Der er 4 kommentarer og
2 løsninger

Resize af billede...

Jeg har lige nogle få spørgsmål, som skulle være rimelig lette at besvare for de som ved noget om javascript :)

1) Hvordan resizer man et billede?
2) Hvordan tjekkes højde og bredde på et billede?
Avatar billede jakoba Nybegynder
04. juli 2001 - 17:25 #1
ved at sætte  width og height parametre i <img kommandoen

<img src=\"farmor400x800.jpg\" width=200 height=400>

du kan også sætte en name= parameter i <img kommandoer:

<img src=\"farmor400x800.jpg\" width=200 height=400 name=\"farmor\">

og når så billedet er loadet (og først da)

kan du aflæse width og height i billedet:

<script>
alert( \"billedet \'farmor\' er \" +document.images.farmor.width +\" bredt, og \"
      +document.images.farmor.height +\" højt.\" );
</script>

mvh JakobA
Avatar billede prodic Mester
04. juli 2001 - 17:28 #2
http://www.eksperten.dk/spm/86608 - der er svaret på noget lignende der. Måske lidt tips at hente.
Avatar billede Slettet bruger
04. juli 2001 - 17:46 #3
hvorledes resizer man så billedet? Sætter man
document.images.farmor.height lig med et eller andet, får man bare udviddet canvas\'et...billedet bliver i hvert fald hverken strukket eller noget..
Avatar billede olebole Juniormester
04. juli 2001 - 17:47 #4
<ole>
Men til dit første del-spørgsmål: Det gør man ikke  :o)
height- og width-properties på image-objektet er read-only. Alternativt kan man lægge billedet i et <div> og så overskrive indholdet af <div>\'et med et img-tag med de nye størrelser. Det vil dog forcere endnu en load-process af billedet, da dette ikke kan genkendes fra cashen.
I IE og NS6 behøver man ikke bruge et <div>, men kan skrive direkte ind i en <td>, hvis den har en id.....f.eks: <td id=\"gerda\"></td> skriver man til med:

function skriv() {
  obj = (document.getElementById)? document.getElementById(\"gerda\") : document.all[\"gerda\"];
  obj.innerHTML = \'<img src=\"noget.gif\" height=\"250\" width=\"300\">\';
}

/mvh
</bole>
Avatar billede jakoba Nybegynder
04. juli 2001 - 17:55 #5
så er det min tur ole :)
joe, i IE kan man godt:
http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp81337.html
Det kan også gøres i NS6, men giver evindelig reload så det ikke er umagen værd.

mvh JakobA
Avatar billede olebole Juniormester
04. juli 2001 - 18:26 #6
Ikke helt, jakoba  :o)
Jeg er bekendt med IE\'s fejl på dette område, men disse to attributter bør være read-only.
/mvh
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