Søg
Avatar billede the-gnu.dk Nybegynder
27. november 2002 - 11:22 Der er 8 kommentarer og
1 løsning

Maks bredde på billede

Kan man med Javascript sætte en maks bredde på et billede, og så skallere ned hvis der overskrides.

Jeg ønsker ikke et svar som "Ja" eller "Nej", men hvordan.
Avatar billede di8leva Nybegynder
27. november 2002 - 11:36 #1
hvorfor ikke skrive

<img src="billed.gif" width=80 height=80>
Avatar billede di8leva Nybegynder
27. november 2002 - 11:41 #2
men hvuis du testar


<html>
<script language="JavaScript">
function set(id, width, height)
{
    document.getElementById(id).width = width;
    document.getElementById(id).height = height;
}
</script>
<img src="billed.gif" id=1 alt="hola" width=50 height=50 id=1 onclick="set(1, 100, 100);">



så virker det også =)
Avatar billede the-gnu.dk Nybegynder
27. november 2002 - 12:57 #3
Fordi den må godt være f.eks. 200 pixels bred, men den må ikke overskride bredden af min tabelcelle på 700. Derfor kan jeg ikke sætte fast bredde.

En onclick er heller ikke så god, for den skal jo lave bredden fra starten...
Avatar billede di8leva Nybegynder
27. november 2002 - 13:09 #4
nå, jag gjorde onclick før att visa att koden virker.
sedan får du selv rette koden till det du vill ha.

hvis jag skall skrive det før din kod måste jag vide precis vad du vill ha?
Avatar billede edutasia Nybegynder
27. november 2002 - 13:39 #5
Her er en funktion, der skalerer alle billeder i dokumentet, hvis de er bredere end 700px. Kald den i <BODY onload="resizeImages()">:


function resizeImages() {
    var intMaxWidth = 700;
    var oImg;
    var coll = document.body.all.tags('IMG');
    for (var i=0; i<coll.length; i++) {
        oImg = coll[i];
        var orgW = oImg.offsetWidth;
        var orgH = oImg.offsetHeight;
        if (orgW > intMaxWidth) {   
            var factor = orgH / orgW;
            oImg.setAttribute('width',intMaxWidth);
            oImg.setAttribute('height',intMaxWidth * factor);
            }
        }
}
Avatar billede the-gnu.dk Nybegynder
27. november 2002 - 17:34 #6
edutasia > Ja, sådan :)

Kan man få den til at centrere billedet?
Avatar billede the-gnu.dk Nybegynder
27. november 2002 - 17:43 #7
Ja okay - i <img>
Avatar billede the-gnu.dk Nybegynder
30. november 2002 - 11:14 #8
Du skal lige svare, for at få points
Avatar billede edutasia Nybegynder
30. november 2002 - 15:05 #9
OK - her er et svar :)
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 21/08/202610:41
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
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
07/0916:09 Bitdefender brokker sig Af FinnRasmussen i Andet sikkerhed
06/0921:00 Libre Office Impress Af Frank i Andre styresystemer
06/0911:47 VB script Af Jenshentze i Word
White papers
Flere white papers »