Fenstergröße durch ein .GIF bestimmen

Slowhand

Grünschnabel
Hallo Forum,

ich habe folgendes Problem.

Ich habe durch ein Javascript ein Popup generiert. Nun erscheint in diesem PopUp nur ein .GIF-Bild. In meinem Jacascript Tag definier ich aber immer die Größe des aufzugehenden Fensters. Da sich aber die Größe des Bildes immer wieder ändert, würde ich gerne, das das Größenverhältnis in der Datei bestimmt wird, die ich durch das Script aufmachen lasse... Versteht man mich?! :D
 
Hi,

hoffentlich habe ich dich richtig verstanden.

Es geht um ein Script, das das gewählte Bild in einem neuen Fenster öffnet, das die Grösse
der Grafik besitzt.

So etwas habe ich auch mal benötigt und mit folgendem Script realisiert.
Code:
/* ********************************************************** *
 * Funktionen zum Öffnen eines Bildes in einem neuen Fenster, *
 * das die Grösse des Bildes besitzt.                         *
 * Parameter: strImg     - Filename und Pfad des Bildes,      *
 *                         das angezeigt werden soll          *
 *            strAlttext - Alternativer Text zum Bild         *
 *                       ausgangsstring enthält               *
 *                                              Quaese, 2004  *
 * ********************************************************** */
// Globales Bildobjekt
objImg = null;

// Preload-Funktion
function loadImg(strImg, strAlttext){
  // Bildobjekt erstellen
  objImg = new Image();
  // Bildquelle zuweisen
  objImg.src = strImg;
  // Funktion zum Öffnen des Bildes aufrufen
  showImg(strImg, strAlttext);
}

// Anzeige- und Auswertungsfunktion
function showImg(strImg, strAlttext) {

  // Falls das Bild geladen wurde
  if(objImg.width > 0){
    // Höhe und Breite des Bildobjektes ermitteln
    var intHeight = objImg.height;
    var intWidth = objImg.width;

    // PopUp öffnen und Handle auf Fenster zurückliefern
    var hWin = window.open("", "PictureViewer", "height="+intHeight+", width="+intWidth);
    // Dokument im neuen Fenster zum Bearbeiten öffnen
    hWin.document.open();
    // Dokumentbearbeitung vereinfachen
    with(hWin.document) {
      // Header schreiben
      write("<html style=\"margin: 0; padding: 0;\">\n");
      write("<head><title>PictureViewer</title></head>\n");
      // Body formatieren
      write("<body style=\"margin: 0; padding: 0;\">");
      // Bild einfügen
      write("<img name=\"bild1\", src=\"" + objImg.src + "\" width=\""+intWidth+"\" height=\""+intHeight+"\" alt=\""+strAlttext+"\" />");
      write("</body></html>");
    }
    // Dokumentbearbeitung beenden
    hWin.document.close();
  // Falls das Bild noch nicht geladen wurde
  }else{
    // Funktion erneut aufrufen
    window.setTimeout("showImg('"+strImg+"','"+strAlttext+"')", 10);
  }
}
Aufrufen kannst du das Ganze wie folgt:
HTML:
<a href="javascript: loadImg('bild.gif', 'alternativer Text');"><img src="bild.gif" width="50" height="50" alt="" /></a>
Ciao
Quaese
 
Zuletzt bearbeitet:

Neue Beiträge

Zurück