Avatar billede n.b.jensen Nybegynder
16. november 2003 - 15:39 Der er 9 kommentarer og
1 løsning

En form for Maxheight og Maxwidth??

Kan man i et i et <img> tag lave en eller anden form for maxheight eler maxwidth?? <img src="sovs.jpg" maxheight="500" maxwidth="500"> Så hvis billeder er 400 bredt og 600 højt, ændrer den kke ved bredden, men højden... Kan det lade sig gøre?? Ellers kan man i php finde ud af hvor bredt et billed er, for så kan man snildt lave det hvis der er en eller anden form for function til det!
Avatar billede Slettet bruger
16. november 2003 - 15:50 #1
Umiddelbart vil jeg bare sige 100%

Men jeg tror at du skal have en JavaScript-funktion, som aflæser det enkelte billede, og derefter fastsætter maxheight og maxwidth til det enkelte billede.

Prøv at oprette spørgsmålet inde i JavaScript-afdelingen.  :-)
Avatar billede roenving Novice
18. november 2003 - 01:39 #2
Præcis med server-side programmering kan du finde højde og bredde via _meget_ udbredte standard-plugins ...

Ved hjælp af javascript kan du finde størrelse på loadede billeder, jeg har endnu til gode at se det udført cross-browser uden at have det i et img-tag, hvilket giver den bagdel, at det resizes efter at det er blevet vist (med alle de problemer, det kan have for designet momentant !-)

Kig f.eks. på:
http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html
Avatar billede n.b.jensen Nybegynder
19. november 2003 - 21:05 #3
Tak for hjælpen...
Avatar billede Slettet bruger
19. november 2003 - 21:11 #4
-->n.b.jensen:
Hvad er der galt med Roenvings svar? Det gav dig jo netop hvad du spurgte efter, ikke sandt?
Avatar billede n.b.jensen Nybegynder
20. november 2003 - 16:23 #5
joo, men han havde ikke oprettet et svar... Men hvis han opretter et, og hvis man kan ændre på de points man har givet, så vil jeg da gerne give ham de points :)
Avatar billede Slettet bruger
20. november 2003 - 16:31 #6
Han gav dig da linket til svaret.  :-/

Og her er den kode, som han linkede til (koden er kun 1 klik væk):

=================================================================
Denne kode kopieres ind (jeg plejer at sætte den i <HEAD>-sektionen):

  <script language="javascript" type="text/javascript">
    function popWin(file){
      newWin=window.open("","ResizeBillede","width=300,height=200,status=no");
      txt='<ht'+'ml><he'+'ad><ti'+'tle>Resize til billede<\57ti'+'tle><scri';
      txt+='pt language="javascript" type="text/javascript">';
      txt+='function resPic(){h=document.images[0].scrollHeight;';
      txt+='w=document.images[0].scrollWidth;window.resizeTo(w+6,h+32);}<\57scri';
      txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;';
      txt+='border:0px;margin:0px"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;';
      txt+='" onload="resPic();"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>


Derefter laves dine links som skal åbne billeder sådan:

<a href="#" onclick="popWin('img/billede.jpg');return false;"><img src="img/billede.jpg" width="150" alt="Klik for fuld størrelse"></a>

=================================================================

=================================================================
Avatar billede Slettet bruger
20. november 2003 - 16:33 #7
...synes at du burde oprette et nyt spørgmål, med henvisning til dette spørgsmål, og så tildele points til Roenving.

Den kode redder dig jo fra en masse arbejde.  :-)
Avatar billede roenving Novice
20. november 2003 - 16:38 #8
>>extend

-- jeg har skam fulgt dit ihærdige arbejde, for at jeg kan få forøget min magre pointsum !-)
Avatar billede Slettet bruger
20. november 2003 - 16:48 #9
Ja, bare du ikke begynder at sulte... *GG*

Nej, seriøst: Det var kun for anstændighedens skyld. :-)
Avatar billede n.b.jensen Nybegynder
20. november 2003 - 21:11 #10
http://www.eksperten.dk/spm/430354
Så kan i få jeres points ;)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester