Avatar billede dogg Nybegynder
12. marts 2004 - 14:35 Der er 4 kommentarer

Maxbredde på profilbillede ved visning

Hej eksperter!

Kan man lave en funktion/tabel, whatever, i HTML der gør at når jeg henter mine brugeres profilbilleder ud at jeg kan lave en maxbredde. Forklaring: der skal vises et billede i en tabel, der har en bestemt højde og en bestemt bredde. Der skal være et tilfældigt billede i den. Man kan naturligvis angiv højde og bredde på billedet, men hvis billedet er mindre end de angivne højde- og/eller bredde-mål, så skal billedet jo helst ikke strækkes ud. Hvordan får jeg den til ikke at strække billeder der er mindre end det de må være??

På forhånd tak!

- Niels
Avatar billede roenving Novice
13. marts 2004 - 01:07 #1
Klart det letteste er, at du ved upload laver en resizet udgave, men den betyder jo så også noget ekstra diskkapacitet, hvis du vil have originalen også, men til gengæld lidt mindre load-tid for brugeren ...

Men et javascript kunne se sådan ud:

<script type="text/javascript">
function resizeImg(img){
var newImg = new Image();
newImg.src = img.src;
var mw = img.width;
var mh = img.height;
var w = newImg.width;
var h = newImg.height;
var ma = mh/mw;
var a = h/w;
if(ma!=a){
  if(ma>a){
    img.height = Math.floor(mw*h/w);
  }else{
    img.width = Math.floor(mh*w/h);
  }
}
</script>

<img src="profil12345.jpg" width="40" height="50" onload="resizeImg(this)">
Avatar billede dogg Nybegynder
13. marts 2004 - 12:42 #2
Jo men skal jeg ikke have en billedkomponent for at kunne resize billedet ved upload??
Avatar billede dogg Nybegynder
13. marts 2004 - 12:57 #3
Scriptet virker ikke?? Har lavet med to billeder

<img src="billede74x100.jpg" width="150" height="150" onload="resizeImg(this)">

<img src="billede409x546" width="150" height="150" onload="resizeImg(this)">

Men de to billeder bliver vist i 150x150 begge to alligevel - det første burde jo bare blive vist i original størrelse.....
Avatar billede dogg Nybegynder
13. marts 2004 - 12:58 #4
skulle selvfølgelig have været:
<img src="billede74x100.jpg" width="150" height="150" onload="resizeImg(this)">

<img src="billede409x546.jpg" width="150" height="150" onload="resizeImg(this)">
(glemte at skrive det ovenover)
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