tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
4
ZUGRIFFE
1201
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    MasterMerlin MasterMerlin ist offline Rookie
    Registriert seit
    Apr 2004
    Beiträge
    6
    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
    Geändert von MasterMerlin (18.06.04 um 10:10 Uhr)
     

  2. #2
    MasterMerlin MasterMerlin ist offline Rookie
    Registriert seit
    Apr 2004
    Beiträge
    6
    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.
     

  3. #3
    BlueJackals BlueJackals ist offline Grünschnabel
    Registriert seit
    Sep 2010
    Beiträge
    2
    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
    Geändert von BlueJackals (12.09.10 um 19:11 Uhr) Grund: verschrieben
     

  4. #4
    Avatar von Sven Mintel
    Sven Mintel Sven Mintel ist offline Mitglied
    Registriert seit
    Aug 2003
    Beiträge
    18.238
    Blog-Einträge
    6
    Moin,

    Zitat Zitat von BlueJackals Beitrag anzeigen
    hi also ich weiß iss sehr alt der thread
    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 :
      1
      
      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 :
      1
      
      img{position:absolute;width:100%;clip:rect(0px,auto,800px,0px);}
     

  5. #5
    BlueJackals BlueJackals ist offline Grünschnabel
    Registriert seit
    Sep 2010
    Beiträge
    2
    moinsen,

    jo DANKE genau sowas habe ich gesucht!!

     

Ähnliche Themen

  1. Bildhöhe über ganze Bildschirmhöhe
    Von Scorpio im Forum HTML & XHTML
    Antworten: 5
    Letzter Beitrag: 11.08.05, 19:11
  2. Bildhöhe von Bildern in Tabelle ändern
    Von wertzui im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 20.02.05, 20:32
  3. Bildhöhe = 100% der Seitenhöhe?
    Von daDom im Forum HTML & XHTML
    Antworten: 8
    Letzter Beitrag: 24.10.03, 11:27
  4. Antworten: 6
    Letzter Beitrag: 02.09.03, 07:52
  5. Bildhöhe
    Von SirNeo im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 13.03.02, 13:04