Søg
Avatar billede supermand69 Nybegynder
04. februar 2004 - 18:17 Der er 5 kommentarer og
1 løsning

max bredde på billede

Jeg har en table der er 400px bred, hvori jeg har nogle billeder. Størrelsen på disse billeder kan svinge og de kan godt være breddere end 400px.

Hvordan kan jeg gøre sådan at bredde på billederne ikke overskrider de 400px uden af de mister deres oprindelige dimmensioner?
Avatar billede roenving Novice
04. februar 2004 - 18:32 #1
<img src="ditBillede.jpg" width="400px">
Avatar billede supermand69 Nybegynder
04. februar 2004 - 21:02 #2
jamen hvis nu billedet er mindre end 400px f.eks. 100 skal det jo ikke være 400px i bredden...

det er KUN hvis det er bredere end de 400
Avatar billede roenving Novice
05. februar 2004 - 12:21 #3
Jeg har engang set et kompliceret script, som gjorde det ved at loade billedet i et skjult element, aftaste dimensionerne og så evt. tilpasse, hvis det var nødvendigt ...

-- jeg kender desværre ikke nogle nemme løsninger !-)

Men når du nu ikke kender dimensionerne, henter du vel billederne med et databasescript ?-)

Så kan du ved hjælp af det finde billedets dimensioner, og så indsætte ovenstående, hvis de er over 400 pixels i bredden !o]
Avatar billede grunken Nybegynder
12. februar 2004 - 04:03 #4
<script type="text/javascript">

var maxWidth = 400;
var pic = new Image();
var elm;

function bilcheck(bil){
elm = document.getElementById("billede")
pic.onload = new Function("tilpas();")
pic.src = elm.src;
}

function tilpas()
{
if(pic.width>maxWidth)
  elm.style.width=maxWidth+"px";
}
</script>

<body onload="bilcheck();">
<table>
<tr>
  <td>
  <img id="billede" src="hhh.jpg">
  </td>
</tr>
</table>
</body>
Avatar billede roenving Novice
12. februar 2004 - 06:18 #5
-- og grunden til at jeg ikke bare anbefalede denne relativt simple metode, er, at det vil betyde, at siden måske skifter voldsomt udeseende to gange !-)

Først ved load, når der når et billede frem, som er for stort, og bagefter når det billede bliver resizet ...

-- professionelt der det ikke ud, men kan du ikke bruge et script på serveren ?-)
Avatar billede supermand69 Nybegynder
16. februar 2004 - 11:56 #6
function pic_width(tbl)
{
    if(elm = document.getElementById(tbl))
    {
        tbl_width = 300;
        var img_arr = elm.getElementsByTagName('img');
        for(i = 0; i < img_arr.length; i++)
        {
            if(img_arr[i].width > tbl_width) img_arr[i].width = tbl_width;
        }
    }
}
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
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
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 15:14 Sætte billeder ind i google sheets ark ud fra elev nummer Af lurup i Excel
16/0822:58 Kan man undgå at få vist referer når der klikkes på links Af Strawberry i Browsere
16/0812:21 Er det svindel eller fra Microsoft Af mort1 i Andet sikkerhed
15/0811:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
White papers
Flere white papers »