✔ Fenstergröße definieren?

Status
Nicht offen für weitere Antworten.
G

GoldenEye

Erfahrenes Mitglied
hi,

ich hab zwei Fragen:

die eine ist, wie kann ich bei einem link (traget="blank") definieren, wie groß das neue Fenster sein soll? oder geht das nur mit javascript?

meine zweite Frage:

wenn ich ein Bild anzeige mit folgendem code:

HTML: 
<img src="gallery/hallo.gif width="100" height="100">
dann wird das Bild ja auf die ensprechende größe: 100*100 verkleinert (ich setzte jetzt mal vorraus, dass das eigentliche Bild größer ist). Wie kann ich jetzt machen, dass von dem Bild nur ein Ausschnitt (100*100) gezeigt wird? also zb von links oben?

gruß
 
Die Größe eines neuen Fensters kannst du nur mit den entsprechenden Parametern der window.open()-Methode bestimmen.

Der Ausschnitt eines Bildes lässt sich mit der CCS-Eigenschaft clip definieren.
 
michaelsinterface hat gesagt.:
Die Größe eines neuen Fensters kannst du nur mit den entsprechenden Parametern der window.open()-Methode bestimmen.

Der Ausschnitt eines Bildes lässt sich mit der CCS-Eigenschaft clip definieren.
Zum Vergrößern anklicken....

wie kann ich dem jetzt sagen, dass das Fenster genau so groß sein soll, wie das bild, das in dem popup geladen wird?

gruß
 
Code: 
<script type="text/JavaScript" language="JavaScript"> 
function popUpImg(img) {
   myImg = new Image();
   myImg.src = img;
   var width = myImg.width;
   var height = myImg.height;
   imgWin = window.open('', 'imgWinName', 'width=' + width + ', height=' + height);
 
   with (imgWin.document) {
      open();
      write('<html>');
      write(' <head>');
      write(' <title>imgWin</title>');
      write(' </head>');
      write(' <body style="margin: 0px;" onLoad="self.focus();">');
      write(' <a href="" onClick="JavaScript:self.close()">')
      write(' <img src="' + img + '" alt="popUpImage" title="popUpImage" border="0"></a>');
      write(' </body>');
      write('</html>');
      close();
   }
}
</script>

--> in den Head deines Dokuments.

HTML: 
<a href="javascript: popUpImg(1.jpg')"><img src=".."></a>



Gruß
 
GoldenEye hat gesagt.:
in den header der seite, die das bild aufruft, oder in der seite, die das bild anzeigt?
Zum Vergrößern anklicken....


Hättest du ja mal ausprobieren können. In die Datei in welcher der Link zum PopUp ist, eine andere Datei gibt es ja nicht.


HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<script type="text/JavaScript" language="JavaScript"> 
function popUpImg(img) {
   myImg = new Image();
   myImg.src = img;
   var width = myImg.width;
   var height = myImg.height;
   imgWin = window.open('', 'imgWinName', 'width=' + width + ', height=' + height);
 
   with (imgWin.document) {
      open();
      write('<html>');
      write(' <head>');
      write(' <title>imgWin</title>');
      write(' </head>');
      write(' <body style="margin: 0px;" onLoad="self.focus();">');
      write(' <a href="" onClick="javascript:self.close()">')
      write(' <img src="' + img + '" alt="popUpImage" title="popUpImage" border="0"></a>');
      write(' </body>');
      write('</html>');
      close();
   }
}
</script>
</head>

<body>

    <a href="javascript: popUpImg(1.jpg')"><img src="deinbild.jpg"></a>

</body>
</html>
 
cool danke.

jetzt frage ich mich noch, was das popUpImg(1.jpg') bedeutet. Kann ich das unverändert lassen?

gruß
 
GoldenEye hat gesagt.:
cool danke.

jetzt frage ich mich noch, was das popUpImg(1.jpg') bedeutet. Kann ich das unverändert lassen?

gruß
Zum Vergrößern anklicken....


Sorry, nein natürlich nicht.

<a href="javascript: popUpImg('deinbild.jpg')"><img src="deinbild.jpg"></a>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück