Struppi: Bildergalerie

Beitrag lesen

SELF-Forum

Bildergalerie

Struppi Homepage des Autors
– Informationen zu den Bewertungsregeln

<script type="text/javascript">
<!--
function PopUp(b,h,x,y) {
FotoFenster = window.open(x, "Fotos", "width="+b+"px,height="+h+"px");

Ohne 'px'

FotoFenster = window.open(x, "Fotos", "width="+b+",height="+h);

FotoFenster.document.write ('<html><head><link rel="stylesheet" type="text/css" href="css/standard.css"></head><body>');
FotoFenster.document.write ('<center><img src="'+x+'" border="0"></center><p class="text">');
FotoFenster.document.write (y+', © 2003 by Andreas Cloos, <a href="JavaScript:window.self.close()">Fenster schließen</a></p></html>');

Da fehlt noch ein FotoFenster.document.close();

Einfacher wäre das ganze:
function PopUp(b,h,x,y)
{

var FotoFenster = window.open(x, "Fotos", "width="+b+",height="+h);
var html = '<html><head>'

  • '<link rel="stylesheet" type="text/css" href="css/standard.css">'
  • ' </head><body>'
  • '<center><img src="' + x + '" border="0"></center>'
  • '<p class="text">'
  • y + ', © 2003 by Andreas Cloos, '
  • '<a href="JavaScript:window.self.close()">'
  • 'Fenster schließen</a></p></html>'
    ;
    with(FotoFenster)
    {
        document.open();
        document.write(html);
        document.close();
        focus();
    }
    }

FotoFenster.focus();
}
//-->
</script>

Ein Link als Beispiel:
<a href="javascript:PopUp('300','420','img/gatos/kaethe_001.jpg','Käthe auf dem Kratzbaum 1')">

Besser so:
<a href="img/gatos/kaethe_001.jpg"
onclick="popUp('300','420',this.href,'Käthe auf dem Kratzbaum 1');return false;">

Es wird also ein neues Fenster aufgemacht und "on the fly" mit HTML-Quelltext befüllt. Damit erspare ich mir das anlegen von einzelnen Dateien für das sich neu öffnende Fenster und kann aber trotzdem dem neuen Fenster eine Größe zuweisen.

Ich hab sowas mal gemacht, was die Fnestergröße automatisch anpasst: http://home.arcor.de/struebig/js/popup/index.htm

Struppi.

Beitrag melden
–
Informationen zu den Bewertungsregeln