Ergebnis 1 bis 5 von 5
  1. #1
    Avatar von .holger
    .holger ist offline Lounge-Member
    registriert
    22-04-2001
    Ort
    HB und Zw'ahn
    Beiträge
    5.789

    [JS] Bild anpassen

    Code:
    <html>
    <head>
    <title>Größenänderung überwachen</title>
    <script type="text/javascript">
    <!--
    
    function Fensterweite()
    {
     if (window.innerWidth) return window.innerWidth;
     else if (document.body && document.body.offsetWidth) return document.body.offsetWidth;
     else return 0;
    }
    
    function Fensterhoehe()
    {
     if (window.innerHeight) return window.innerHeight;
     else if (document.body && document.body.offsetHeight) return document.body.offsetHeight;
     else return 0;
    }
    
    
    function neuAufbau()
    {
     if (Weite != Fensterweite() || Hoehe != Fensterhoehe())
     window.history.go(0);
    }
    
    /*Überwachung von Netscape initialisieren*/
    if(!window.Weite && window.innerWidth)
      {
       window.onresize = neuAufbau;
       Weite = Fensterweite();
       Hoehe = Fensterhoehe();
      }
    
    //-->
    </script>
    </head>
    <body>
    <script type="text/javascript">
    <!--
     /*Überwachung von MS Internet Explorer initialisieren*/
     if(!window.Weite && document.body && document.body.offsetWidth)
      {
       window.onresize = neuAufbau;
       Weite = Fensterweite();
       Hoehe = Fensterhoehe();
      }
    //-->
    </script>
    
    <script type="text/javascript">
    <!--
     document.write("Weite: "+Weite +" Höhe: "+Hoehe);
     document.write("<img src='BILD.jpg' width= "+Weite+" height= "+Hoehe+" alt='BILD'>");
    //-->
    </script>
    
    </body>
    </html>
    Der obenstehende Code soll folgendes machen:

    Ein Bild (hier BILD.jpg) soll entsprechend der Bildschirmgrösse bzw. der Fenstergrösse des Benutzers angepasst werden.

    Wer Verbesserungsvorschläge hat bitte auch sagen

    BYE
    Geändert von .colin (23-05-2004 um 13:31 Uhr) Grund: DAS SOLLTE IN SCRIPT CHECK - MIST VERKLICKT!

  2. #2
    Avatar von womstar
    womstar ist offline Lounge-Member
    registriert
    22-07-2002
    Ort
    latente matrix
    Beiträge
    5.913

    AW: [JS] Bild anpassen

    im grunde nicht schlecht, wenn man darüber hinweg sieht, dass das bild dann an qualität verliert.

    des weiteren würde sicher bei history.go(0) sicher eine ungewünschter effekt auftauchen.

  3. #3
    Avatar von .holger
    .holger ist offline Lounge-Member
    registriert
    22-04-2001
    Ort
    HB und Zw'ahn
    Beiträge
    5.789

    AW: [JS] Bild anpassen

    @ das es an Qualität verliert ist mir auch klar sollte auch eher zum Bilder verkleiner gedacht sein

    Auf die Idee kam ich weil einer in der fc gefragt hat wie er bilder immer im ganzen browserfenster anzeigen lassen kann und die leute haben dann vorschläge gemacht wie zu raten was die meisten User haben und dann davon so 50 wegen Browserzeilen abzuziehen... das fand ich zu blöd und hab "kurz" was gescriptet

  4. #4
    Avatar von René
    René ist offline Lebende Foren-Legende
    registriert
    09-06-2000
    Ort
    Boitzenburger Land
    Beiträge
    1.790

    AW: [JS] Bild anpassen

    <img src="./BILD.jpg" border="0" width="100%" height="100%" alt="BILD" />
    Gruß
    René

    ----------------------------------------------------
    » WebExplorer
    » Lange Weile, Webchess 2003
    » PHP unter JanaServer 2 installieren

  5. #5
    Avatar von .holger
    .holger ist offline Lounge-Member
    registriert
    22-04-2001
    Ort
    HB und Zw'ahn
    Beiträge
    5.789

    AW: [JS] Bild anpassen

    ok,.. so geht's auch

Ähnliche Themen

  1. [PS + IE] verstecktes bild - tutorial
    Von antiheld2000 im Forum Grafik
    Antworten: 4
    Letzter Beitrag: 07-10-2009, 22:00
  2. Bild Ausdrucken, geht aber nicht
    Von Billybaer im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 30-01-2004, 19:10
  3. Bild im Fenster mit onClick anzeigen
    Von simoasis im Forum JavaScript
    Antworten: 10
    Letzter Beitrag: 24-05-2003, 20:13
  4. Bild über Bild nur ...sec. erscheinen lassen.
    Von bine im Forum Allgemeines
    Antworten: 3
    Letzter Beitrag: 09-10-2002, 23:58
  5. Fenster automatisch an Bild anpassen
    Von hupfer im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 05-12-2001, 13:42

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •