Bild mittig anzeigen

Wenn sie sich eine Bilddatei in K-Meleon anzeigen lassen, wird das Bild auf einer weißen Seite in der linken oberen Ecke angezeigt. Um das Bild in der Mitte des Browserfensters anzuzeigen, mit einer anderen Hintergrundfarbe, sind 3 Dinge notwendig:

Die HTML-Datei

Das Funktionsprinzip ist einfach: Beim Aufruf der HTML-Datei wird ein Parameter (die Adresse des Bildes) übergeben. Ein kleines Java-Skript wertet den Parameter aus und zeigt das Bild innerhalb der HTML-Datei an. So erhält man die Kontrolle über die Präsentation. Erstellen sie eine HTML-Datei, z.B. bildanzeige.htm mit folgendem Inhalt:

<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html> <head> <title>Bild anzeigen</title> <style type="text/css"> <!-- html {height:100%;} body {height:99%; margin_0; padding:0; background-color: #F4F4F4;} table {vertical-align:middle; text-align:center; width:100%; height:100%; padding:0; margin:0;} --gt; </style> </head> <body;> <table><tr><td> <script type="text/javascript"> <!-- var paramStr = unescape(location.search), isParam = true; if (!paramStr.length) isParam = false; else paramStr = paramStr.substring(1, paramStr.length); if (isParam) { // Parameter "paramStr" angegeben document.write("<img src=\"") document.write(paramStr) document.write("\"") } else { // Kein Parameter angegeben document.write("keine Daten angegeben.") } //--> </script> </td></tr></table> </body> </html>
Das Makro
Nehmen wir an, Sie haben die HTML-Datei unter c:\programme\k-meleon\profiles\bildanzeige.htm abgespeichert. Erstellen Sie folgendes Makro: bildanzeigen { open("file:///c:/programme/k-meleon/profiles/bildanzeigen.htm ?".$ImageURL); }

Siehe auch Makros erstellen und Einbinden.