Bild soll in Frame nicht in Originalgröße angezeigt werden

    Moin Moin,


    erst einmal Gutes neues Jahr!


    Ich habe mir ein Frameset aus drei Frames gebaut. In das obere wird immer ein Bild reingeladen (also direkt mit z.b. "name.jpg" aufgerufen).
    Nun, es sind immer Bilder von Digitalkameras und die sind ja für die meisten Bildschirme zu groß. Wenn man nur ein Bild mit einem Browser öffnet, dann passt der Browser die Größe des Bildes dem Bildschirm automatisch an. Aber in einem Frameset nicht- nicht mit dem SeaMonkey, dem Internet Explorer nur mit dem Firefox, der macht es richtig.
    Wie schaff ich es, dass alle Browser das Bild im obersten Frame immer an der zur Verfügung stehenden Bildschirmfläche anpasst. Aber ich möchte nicht für jedes Bild ne extra HTML Datei schreiben, das würde sonst auswuchern.


    Vielen Dank schonmal
    rapperzahn

    Moin Moin,


    danke für die Antwort. Ja das könnte ich ja einbauen, wenn ich das Bild praktisch von einer HTML- Seite aus aufrufe (Das Bild also in eine Seite eingebettet ist und über"<img src="...." alt="..."> dargestellt wird), dies ist ja aber nicht der Fall. Sondern der das Bild wird wie ein Link mit <a href...> aufgerufen. Kann man da sowas noch dazusetzen?


    MfG
    rapperzahn

    Moin Moin,


    ja kein Problem.
    Also ich habe ein Frameset mit 3 untereinanderliegenden Frames.
    Hier die Eigenschaften der jeweiligen Frames:
    1 Frame: für die Anzeige des Bilds; Größe unbestimmt (kann sich also dem Bildschirm anpassen); Name "bild"
    2. Frame: hier erscheinen die Kommentare zu den jeweiligen Bildern; Größe: 100 Pixel; Name: "notiz"
    3. Frame: hier ist die HTML-Seite mit der die Steuerung vorgenommen wird; Größe: 100 Pixel; Name: "button"


    Die letzten beiden Frames können in ihrer Größe natürlich durch Ziehen mit der Maus vergrößert, bzw. verkleinert werden. Das Bild sollte sich somit immer dem neuen Verhältnissen anpassen, zumal ja eh nicht jeder Monitor die gleiche Auflösung besitzt, bzw. eingestellt ist.


    So und nun zum Entscheidenden: Dem Quelltext der "button"-Datei:


    Das war "head" und im Body gibt es dann nur noch drei Links, die halt die Funktionen "rueck" "vor" und "START" aufrufen.
    Vielen Dank schonmal für deine Hilfe.


    Gruß
    rapperzahn

    Hallo zusammen,


    also ich kann dir nur die HTML und CSS Lösung aufzeigen, leider.


    Wenn du das <img src="#"> nutzt so gibst du ganz einfach den Befehl so ein:


    <img src="....." height="100px" width="200px"> (statt px, auch %,pt,ex,em)


    du könntest auch direkt CSS einbinden:
    <img src="...." style="height: 100px; width:"200px; (ev. overflow: hidden; scroll: none;)"


    Wenn du "komische Abstände" hast, so kannst du im style auch angeben padding: 0; margin; 0;


    Natürlich kannst du das auch in eine CSS Datei auslagern und mit include die CSS in der HTML einbinden.


    img src {
    margin: 0;
    padding: 0;
    position: absolute;
    left ??;
    top ??;
    overflow: hidden;
    scroll: none;
    width: 100px; (ev. 100% oder was du sonst benutzt hast pt, em, ex)
    height: 200px; (ev. 100% oder was du sonst benutzt hast pt, em, ex)
    }


    Habe dir wohl nichts neues gesagt, wollte es trotzdem mal aufschreiben. Mit Javascript habe ich mich noch nicht befassen können.



    Gruss


    Fredi

    Moin Moin,


    vielen Dank für die Antworten, aber ich habe jetzt beschlossen, dass ich es lasse. Ob ein Browser das Bild dem Bildschirm anpasst, ist Einstellungssache des Browsers und wenn sich der IE weigert, von mir aus. Mich soll's nicht stören, Firefox und SeaMonkey dürfen halt nur dran. Gut so.


    Nochmals vielen Dank


    rapperzahn