billede skal max være 400x400px

du nøjes med at angive width=400" så udregner den selv højden, eller omvendt.

ja men når nu der er forskellige str. billeder.
dvs. nogle er højformat, og andre er bredformat.

scriptet skal gerne undersøge hvad der er størt : bredde eller højde, og dernæst vælge at denne skal være 400px og den anden mindre.

thedeathart > Hvis du kun angiver width i et <img> - tag udregner HTML ikke selv den proportionsmæssige anden størrelse. Den vil bare poste et billede der er 400 px i bredde og den originale højde.

--
pacroon

botha -> Hvis jeg lige må vende løsningen på hovedet: Har du adgang til f.eks. PHP? Så har jeg en løsning.

nej jeg har kun adgang til ASP, men skulle det ikke være muligt i ASP også ?

jeg har vist en javascript-løsning liggende et sted... hæng på!

=)

function billede(bld) {
  var bid = 0;
  for (i=0; i<document.images.length;i++) {
    if (document.images == bld) {
      bid = i;
    }
  }
  if (document.images .width > 400) {
    document.images .width = '400';
  }
}

og så på alle indsatte billeder:

<img src="./billede.png" onload="billede(this);" alt="billede" />

man bør måske notere sig at det i fremtiden bliver meget lettere, da css3 har maxheight og maxwidth (og tilsvarende min-egenskaber). desværre understøtter internet explorer ikke dette endnu, så man er stadigt nødt til at fuske sig ud af det med noget scripting.

=)

med 'alle indsatte billeder' mener jeg selvfølgelig kun dem du vil styre størrelsen på.

kan desuden se at der skal bygges lidt videre på det for at det også tager højde for højden. men det kan en rask javascripter vel selv finde ud af?

=)

pacroon, jeg er ret sikker på at thedeathart har ret. sådan virker det i hvert fald i de browsere jeg har testet.

botha -> ASP kræver at du også har adgang til en eller anden tredje-parts komponent (f.eks. ASPImage). Hvis du ikke har det, så er 3mx's løsning nok den bedste.

Jeg prøver lige at at skrive lidt pseudo-javascript, så det skalerer billederne i stedet for bare at "presse" dem ind i størrelsen:

var skala = 1;
var nybredde = bredde;
var nyhoejde = hoejde;

if (bredde > 400) {
  skala = bredde/400;
}

if (hoejde*skala > 400) {
  skala = hoejde/400;
}

nyhoejde = hoejde*skala;
nybredde = bredde*skala;

Grunden til at jeg ikke forsøger at skrive det helt rigtigt, er at jeg har ikke meget styr på javascript. Den ovenstående kode skulle let kunne laves til en fungerende funktion, der kan bruges i en løkke, der drøner gennem alle billeder med en bestemt klasse eller lignende.

svar venligst sandbox

Javel.