Maxx: PopUp Fenster/ Bild am Rand oben und unten, ohne html-datei?

Beitrag lesen

Hallo Sarah,

<script type="text/javascript">
<!--
function rin09() {
  F = window.open("images/rin09_gross.jpg","Popup","width=400,height=300");
}
// -->
Davon ab, dass ich erstmal die Größe des Fotos angeben muss, wird das Foto nicht genau am Rand oben und links geladen, sondern mit dem Abstand, der immer reingehauen wird. Wenn man das ganze mit nem html-Popup macht kann man ja marginwidth und height etc pp gleich Null setzen. Wie kann ich das bei einem reinen jpg-Popup?

Mit einem "reinen jpg-Popup" geht das nicht. Aber du kannst mit javascript (document.open, document.write) eine html Datei on-the-fly erzeugen. Und darin natürlich auch alles an CSS verwenden was du möchtest. Du schreibst dir eine Funktion die du in jedem onclick() aufrufst. Es sieht dann etwa so aus:

pict = window.open("","bild","width=200,height=400 ....");
pict.document.open('text/html');
pict.document.write("<html><body style='margin, padding, etc'>
<img src='"+deinbild+"' border='0'></body></html>");
pict.document.close();

Das war es dann auch schon. Bei Bedarf kannst du noch eine Funktion einbauen, die die Bildgröße ausliest und die Fenstergröße passend ändert.

HTH

Jochen