Immer maximale Bildhöhe einstellen...

M

MasterMerlin

Grünschnabel
Ich habe Bilddateien auf einer Platte zu denen ich eine Druckvorschau erstellen lasse mit pagebreak.

Nun habe ich folgendes Problem:
Wenn ich die bilder zu einer maximalen breite zwinge, können sie zu hoch werden und mir so den Seitenumbruch zerreissen. Wie kann ich nun die max breite beibehalten aber die höhe variieren?

Ich dachte mir sowas ->

<script type="text/javascript">
function set_height(string name)
{
image = name;
iw = image.width;
ih = image.height;
ar = (iw/ih);

if(ar > .5)
return (90/ar);

else if(ar < .5)
return 180;

}
</script>

und dann <img src="bla" height=set_height(bla)>


Wäre für Hilfe sehr dankbar :)
 
Zuletzt bearbeitet:
So ich habs dann hinbekommen:

<html>
<head>
<title>Testimage</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function resizeImage(name,path){
orgImage = new Image()
orgImage.src = path
iw = orgImage.width
ih = orgImage.height
ratio = (iw/ih)

if(ratio > 0.5)
{
newX=90
newY=90/ratio
}
else
{
newX=160*ratio
newY=160
}
eval("document."+name+".width=newX")
eval("document."+name+".height=newY")
}
// End -->
</script>
</head>

<body>
<p>
<img src="bild.jpg" name="image1" onload="resizeImage('image1','D:/bild.jpg')">
</body>
</html>

nur für die die es vielleicht auch mal brauchen können.
 
hi also ich weiß iss sehr alt der thread aber extra nen neuen wollte ich net eröffnen xD

habe das mit der einstellung für max grösse hinbekommen allerdings wenn bilder kleiner sind werden die auch so groß dargestellt, wie die angabe der maxgröße, damit ist das gesammte script doch sinnlos oder? wenn ich ne maximale bildgrösse in der anzeige haben will dann gebe ich im <img src="bla" width="125px" /> oder <img src="bla" height="125px">" /> an dann habe ich auch eine grösse die max angezeigt wird und auch bei der variante ist es doch egal ob das bild kleiner wie der angegebene wert ist, es wird auch dann in der vorgegebenen grösse angezeigt!!

nun ich brauche ne variante die mir die möglichkeit gibt einen maximalhoehe oder breite an zu geben, wobei bilder, die unter der max angegebenen höhe bzw breite sind, in ihrer grösse bleiben.

MfG BlueJackals
 
Zuletzt bearbeitet:
Moin,

BlueJackals hat gesagt.:
hi also ich weiß iss sehr alt der thread
Zum Vergrößern anklicken....

Jo, das ist er wirklich, und damit ansich überflüssig.
Alle aktuellen Browser interpretieren mittlerweile den style max-height, womit man das ganze Skript durch eine kurze Zeile CSS ersetzen kann.

  • Variante 1:
    Bild immer auf maximale Breite strecken, und auf eine maximale Höhe von 800px:
Code: 
img{width:100%;max-height:800px;}
  • Variante 2:
    Bild immer auf maximale Breite strecken, dabei das Seitenverhältnis beibehalten und den überschüssigen Teil der Höhe 800px im Bedarfsfall abschneiden:
Code: 
img{position:absolute;width:100%;clip:rect(0px,auto,800px,0px);}
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück