Kathrin: Fenstergröße passt sich automatisch an?

SELF-Forum

Fenstergröße passt sich automatisch an?

Kathrin
– Informationen zu den Bewertungsregeln

Hi!
Ich hoffe ihr könnt mir helfen:
Ich möchte gerne eine Gallerie mit Thumbnails erstellen. Die großen Versionen der Bilder sollen jedoch in einem neuen Fenster angezeigt werden. Gibt es einen Code, der die Fenstergröße des sich öffnenden Fenster automatisch an die Bildgröße anpasst? Oder muss ich für jedes Bild ein Extra-Dokument erstellen. Dieses Fenster soll also sich automatisch der Bildgröße anpassen, damit nicht soviel weißer Leerraum zu sehen ist.
Ich hoffe, ich konnte mein Problem einigermaßen logisch und verständlich beschreiben.

Wisst ihr weiter?
Kathrin

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Fenstergröße passt sich automatisch an?

    Danny Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi Kathrin,

    ich hatte mal ein ähnliches Problem und habe dafür ein kleines Javascript gebastelt. Du mußt den Dateinamen und Breite, bzw. Höhe angeben. Die Funktion öffnet ein neues Fenster und zentriert es in der Mitte. Anschließend wird dynamisch HTML erzeugt und das Bild damit eingebunden... Viel Erfolg damit! Wenn Du Fragen hast oder einen Fehler findest, kannst Du mir gerne Mail schicken.

    Bye,
    Danny

    // by danny@ivorygate.de

    function openPic(name, width, height)
    {
     var wWidth = width;
     var wHeight = height+40;
     var wLeftCenter = ((screen.width/2) - (width/2));
     var wTopCenter = ((screen.height/2) - (wHeight/2));
     var picWin = window.open("", "picWin", "height="+wHeight+",width="+wWidth+",top="+wTopCenter+",left="+wLeftCenter+",screeny=0,screenx=0,toolbar=no,location=no,directories=no,status=no,menuBar=no,scrollBars=no,resizable=no");
     picWin.moveTo(wLeftCenter, wTopCenter);
     var d = picWin.document;
     d.open();
     d.writeln("<html>");
     d.writeln("<head>");
     d.writeln("<title>Detailansicht</title>");
     d.writeln("</head>");
     d.writeln("<body bgcolor='#ffffff' text='#000000' link='#000000' leftmargin=0 topmargin=0 marginheight=0 marginwidth=0 onBlur='window.close()'>");
     d.writeln("<font face='Verdana,Arial,Helvetica,sans-serif' size=1>");
     d.writeln("<center>");
     d.writeln("<img src=" +"'"+name+"'" +" width="+width +" height="+height +" border=0>");
     d.writeln("<a href='JavaScript:window.close()'><br><br><b>Fenster schließen</b></a>");
     d.writeln("</center>");
     d.writeln("</font>");
     d.writeln("</body>");
     d.writeln("</html>");
     d.close();
    }

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln