Avatar billede Slettet bruger
10. september 2003 - 13:56 Der er 6 kommentarer og
1 løsning

Resize billede med java?

Hej Eksperter!

Jeg har behov et script der kan indsætte height og Witdh i en <img src="billede.jpg" height="??" width="???">

Den skal gøre det i forhold til billedet faktiske størrelse dvs. at den skal kunne kende forskel på om billdet er taget på højkant el. ej.

Er der nogen som kan hjælpe?

/Roadi
Avatar billede grunken Nybegynder
10. september 2003 - 14:49 #1
her er et eksempel den smider det på alle billederne i et givent document ;)

sig til hvis det skal ændres ;)

<script language="javascript">

p  = 50; //procent af original størrelse
img = new Array();

function hest(){
for (i=0;i<document.images.length;i++){
  img[i] = new Image();
  img[i].src = document.images[i].src;
  document.images[i].style.height = img[i].height*(p/100)+"px";
  document.images[i].style.width = img[i].width*(p/100)+"px";
}
}
</script>

<body onload="hest()">
<img src="billede.jpg" style="height:100px;width:100px;"><br>
</body>
Avatar billede Slettet bruger
10. september 2003 - 15:20 #2
Kan man nøjes med kun at ændre et billede på siden?
Avatar billede Slettet bruger
10. september 2003 - 15:21 #3
Ellers virker det som det skal det var lige det jeg efterlyste.. Bortset fra at den resizer alt, incl. menu, mv. og det er ikke så godt..
Avatar billede grunken Nybegynder
10. september 2003 - 15:39 #4
;)

okay, så ændre vi lidt, men så skal du bare selv definere hvad for nogle billeder du vil have resizet ;)

<script language="javascript">

p  = 50; //procent af original størrelse
img = new Array();

function hest(e){
e = e.split(",")

for (i=0;i<e.length;i++){
  img[i] = new Image();
  img[i].src = document.getElementById(e[i]).src
  document.getElementById(e[i]).style.height = img[i].height*(p/100)+"px";
  document.getElementById(e[i]).style.width = img[i].width*(p/100)+"px";
}
}
</script>

<body onload="hest('img1')">
<img src="billede.jpg" ID="img1" style="height:100px;width:100px;"><br>
</body>

hvis der så er flere på en side adskiller du dem bare med et ","

altså

<body onload="hest('img1,img2')">

håber du kan se logikken ;)
Avatar billede roadi Nybegynder
12. september 2003 - 10:21 #5
Det kan jeg tak for hjælpen..

Det virker perfekt..

Vil du ikke ha' nogen point?
Avatar billede grunken Nybegynder
12. september 2003 - 13:07 #6
jow tak som byder ;)

godt du kunne bruge det ;)
Avatar billede Slettet bruger
12. september 2003 - 15:56 #7
Comming Right up!!!

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