Avatar billede karstenl Nybegynder
25. november 2005 - 15:57 Der er 9 kommentarer og
1 løsning

Rezise billede

Hejsa..

Nogle der kan hjælpe mig med et script der kan resize et billede Mindre/størrer.

Tænker mig at det skal kunne regne den orginale størelse ud og derefter i scriptet gøre det mindre/større, eller noget i den stil.

Kan det lade sig gøre mon?

Håber spm.'et er til at forstå?
Avatar billede karstenl Nybegynder
25. november 2005 - 15:59 #1
Og så staves det iøvrigt resize Karsten :P *G*
Avatar billede roenving Novice
25. november 2005 - 16:10 #2
Hvem, hvad, hvornår og hvordan ?-)

-- med javascript kan man ikke aflæse egenskaber for filen, men kun for et evt. img-tag, som jo uden explicitte størrelser vil være det fulde billede ...
Avatar billede karstenl Nybegynder
25. november 2005 - 16:30 #3
"Mig, Resize billede, Helst nu, Det ved jeg ikke" ;) .. hehe *G*
---------

Syntes bare jeg på en del sider har set et script i <head> det kan/resize'er et angivet billede på siden.

Det er ikke lidt á la dit på din side "#1 Resize til billede"?.. bare self. anderledes.. ehm og noget.

Det skal bruges i forbindelse med at man kan uploade et billede, og for at undgå, hvis en uploadet et kæmpe billede at det f.eks. laver side scroll bla. Jeg kunne self. også bare på VIS. siden skrive en forudbestemt width + height i <img src'en taggen>, men så resikere jeg at billede bliver "vredet" og forkert i visningen, hvis du forstår.
Avatar billede roenving Novice
28. november 2005 - 17:18 #4
Hrm, der skal nogle linjers scripting på, hvis du f.eks. har nogle max-værdier, men under alle omstændigheder skal man sarte med at have billedet i fuld størrelse, og derefter tilpasse det ...

Noget i denne stil:

<img src=" ... " onload="tilpasBillede(this)">

<script type="text/javascript">
var maxBred = 300;
var maxHoj = 200;
function tilpasBillede(pic){
  var hoj = pic.offsetHeight, bred = pic.offsetWidth;
  if(hoj > maxHoj){
    hoj = maxHoj;
    bred = bred*maxHoj/hoj;
  }
  if(bred > maxBred){
    bred = maxBred;
    hoj = hoj*maxBred/bred;
  }
  pic.style.width = bred + "px";
  pic.style.height = hoj + "px";
}
</script>

-- absolut utestet !-)
Avatar billede karstenl Nybegynder
28. november 2005 - 18:30 #5
Hejsa reoenving

Har prøvet dit script, og det resizer fint nok, men det vrider billederne desværre.

Disse to:
var maxBred = 300;
var maxHoj = 200;
Skal vel heller ikke være "faste"?.. uden at jeg overhoved ved noget om javascripting.

Har set et sted hvor de har det, der loader billedet netop i den fulde størrelse, som du også selv skriver det skal, og derefter resizer det i.. % eller noget må det være for billederne bliver ikke vredet. (desværre kan jeg ikke nakke kode da der er et "no right click script" på.. :P )
Avatar billede karstenl Nybegynder
28. november 2005 - 18:32 #6
Jeg ved godt at jeg kan ændre i:
var maxBred = 300;
var maxHoj = 200;

Men de fleste billeder har jo forskellig størrelse, og skal jo så tilpasses sig efter netop DETS størrelse... hvis du forstår :)
Avatar billede roenving Novice
29. november 2005 - 12:22 #7
Hrm, der skal da også byttes rundt på nogle linjer:

  if(hoj > maxHoj){
    bred = bred*maxHoj/hoj;
    hoj = maxHoj;
  }
  if(bred > maxBred){
    hoj = hoj*maxBred/bred;
    bred = maxBred;
  }
Avatar billede karstenl Nybegynder
16. december 2005 - 22:05 #8
Hey roenving

Sorry at jeg først svare nu, men mit net har været fucket up

Det virker fint nu, efter det sidste du skriver (29/11-2005 12:22:03)
Tak for hjælpen :)

Svar ;)
Avatar billede roenving Novice
18. december 2005 - 05:16 #9
Velbekomme '-)
Avatar billede roenving Novice
19. december 2005 - 04:01 #10
-- og 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