CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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å?

Synes godt om

karstenl Nybegynder

25. november 2005 - 15:59 #1

Og så staves det iøvrigt resize Karsten :P *G*

Synes godt om

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 ...

Synes godt om

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.

Synes godt om

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 !-)

Synes godt om

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 )

Synes godt om

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 :)

Synes godt om

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;
}

Synes godt om

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 ;)

Synes godt om

roenving Novice

18. december 2005 - 05:16 #9

Velbekomme '-)

Synes godt om

roenving Novice

19. december 2005 - 04:01 #10

-- og tak for point ;~}

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS