Max "width" og "height" på et billede?

De alm. kommandoer "width=?" og "height=?" kan ikke bruges, da dette jo vil trække i billedet, hvis ikke siderne har samme forhold!

Du kan løse problemet med javascript, og så kun bruge enten width eller height.

Nedenstående er ikke lige teste - bare lige flettet sammen. Det sammenligner med brugerens opløsning - 300 pixel.

myimage=new Image();
myimage.src="billede.jpg";
imgWidth = eval(myimage).width;
maxWidth = screen.width - 300;
if imgWidth > maxWidth then
document.write("<img src="billede.gif" width=maxwidth>
else
document.write("<img src="billede.gif">
END IF

Det sidste var et svar

Hvis du skal lave det online bliver du nok nødt til at hive det ind i en skjult div, måle billedet og så tilpasse den rigtigt, som jonbdk beskriver det !-)

du kan se http://hjem.get2net.dk/mydesign/DBI/bre.htm ... tag kilden på det, og stjæl hvad der skal stjæles, hvis der er noget der kan bruges...?!

Problemet er at jeg har en kommando som hedder <IMG SRC="billedet.jpg">, men billedet.jpg er ikke det samme hele tiden og er en gang imellem længst i breden og en gang imellem længst i højden, men mit billede må max have en højde på 300 pixel og max have en bredde på 100 pixel. Hvordan klarer jeg den?

Så vidt jeg kan læse af JavaScriptet vil billedet altid have den samme bredde nemlig bredden af skærmen - 300 pixel, men hva' så hvis billedet har en stor højde, så vil dette jo flyde ud over toppen og bunden, ik'?

der skulle gerne være en "autosize" funktion... jeg lurer lige igen efter aftensmaden...

Hvis du bruger min kommentar 10:56:59 skal du jo bare have en condition til som tjekker højden - og ser at den ikke oveskrides, ellers bliver det den bærende condition som afgør at billedet ikke bliver større end maxhøjde

Jonbdk:>

Hvordan bruger jeg scriptet?

F.eks.:

<SCRIPT LANGUAGE="JavaScript">

  myimage=new Image();
  myimage.src="billede.jpg";
  imgWidth = eval(myimage).width;
  maxWidth = screen.width - 300;

  IF imgWidth > maxWidth THEN
      document.write("<img src="billede.gif" width=maxwidth>")
  ELSE
      document.write("<img src="billede.gif">")
  END IF

</SCRIPT>

Eller hvordan?

Bare til syntaksen ...
<SCRIPT LANGUAGE="JavaScript">

  myimage=new Image();
  myimage.src="billede.jpg";
  imgWidth = eval(myimage).width;
  maxWidth = screen.width - 300;

  if (imgWidth > maxWidth){
      document.write("<img src='billede.gif' width=maxwidth>")
  }else{
      document.write("<img src='billede.gif'>")
  }

</SCRIPT>

Tak for svar Jonbdk (og kommentar Roenving). Det er ikke helt det jeg vil bruge, men inspirationen er helt perfekt. Smider scriptet op, når jeg har lavet det færdigt!

SÅ:

<SCRIPT LANGUAGE="JavaScript">

//----- Script made by Kenneth Ahrensberg (kenneth@hrensberg.dk)

//----- Defining variables

  var imagefile = "billede.jpg";
  var maxHeight = "280";
  var maxWidth = "150";

//----- Script

  myimage=new Image();
  myimage.src= imagefile;

  var imgHeight = eval(myimage).height;
  var heightValue = (imgHeight / maxHeight);

  var imgWidth = eval(myimage).width;
  var widthValue = (imgWidth / maxWidth);

  if (heightValue > widthValue){

      if (imgHeight > maxHeight){

        document.write("<img src='");
        document.write(imagefile);
        document.write("' height='");
        document.write(maxHeight);
        document.write("'>");

      } else {

        document.write("<img src='");
        document.write(imagefile);
        document.write("'>");

      }

  }

  if (widthValue > heightValue){

      if (imgWidth > maxWidth){

        document.write("<img src='");
        document.write(imagefile);
        document.write("' width='");
        document.write(maxWidth);
        document.write("'>");

      }  else {

        document.write("<img src='");
        document.write(imagefile);
        document.write("'>");

      }

  }

</SCRIPT>

Er det ikke okay lavet af en ikke helt ekspert? Hehe... :o)

lol - jeg påstår ABSOLUT heller ikke jeg er ekspert :-)
Men jo, det ser meget fornuftigt ud