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??
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>
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)
Synes godt om
Ny brugerNybegynder
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.