CirTap: Fenstergrößenproblem beim Öffnen von Bildern

Beitrag lesen

Moin,
pack am besten das Fenster-Aufmach-Kram in eine Funktion, die lediglich den Dateinamen und die neue Größe bekommt. In deen Links rufst du dann die Funktion entsprechend auf.

Ich hoff mal die Syntax stimmt, weil ich das jetzt nicht durchgetestet hab.

Das kommt in dein Hauptfenster von dem die Bilder geladen werden sollen.

<script language="JavaScript1.3" type="text/javascript">
// merkt sich das popup-fenster
var galerie;
function bilderPopUp(bild, breite, hoehe) {
  // wenn das fenster zu ist, oder beime ersten aufruf
  // neues fenster oeffnen
  if (!galerie || galerie.closed) {
    galerie = window.open('img/big'+bild, 'galerie', 'width='+breite+',height='+hoehe+',resizable=yes,scrollbars=no,menubar=no')
  }
  else
  {
    // (noch) bestehendes popup-fenster wiederverwenden
    // groesse anpassen (evtl. ein paar pixel dazuaddieren)
    galerie.resizeTo(breite, hoehe);
    // und bild-URL setzen
    galerie.location.href = 'img/big'+bild;
  }
}
</script>

Dann in leicht veränderter Form:

Bild01
<a href="javascript:// Bild 1" onclick="bilderPopUp('img/big/bild01.jpg', 320, 420);">

Bild02
<a href="javascript:// Bild 2" onclick="bilderPopUp('img/big/bild02.jpg', 350, 620);">

Du wirst bei der Höhe vermutlich etwas dazugeben müssen, da die Fenstergröße sich incl. der Symbolleisten, Statuszeile etc. berechnet. Da diese aber je nach Browser unterschiedlich hoch sind wäre es evtl. sinnvoll, "toolbars", "menubar" & Co. auch auf "no" zu setzen.

Viel Spaß,
CirTap