MichelM: Grafik laden, Hintergrund->schwarz

Beitrag lesen

Hallo Olli,

Du brauchst doch nur in  CSS-Datei die body-Definition mit background-color:black zu setzen.
Sind die Bilder alle gleich gross, kannst Du mit einer iframe/ilayer-Kombination arbeiten.
Steht nur HTML ohne Scripting im Konzept muss für jedes Bild eine HTML-Seite erstellt werden (empfohlen).

Ansonsten sollte mal der HTMl-Code hier stehen..

Eine JavaScript-Lösung, die ich für meinen Chef programmierte, für eine framelösung müsste bildanz=window.frames[0] statt window.open stehen, so ähnlich wäre das auch in PHP möglich (empfohlen):

function fenster(betyp){

/* (C) 2001 http://www.ebner-konstanz.de */

vschirm = screen.width;
        schirm = vschirm*0.977;
        aufl ="800x600/be_fl_";
        erw ="-400.png'>";
        verzeichnis ="<img align=middle src = '../../../assets/images/";
        ausgabe = verzeichnis + aufl + betyp +erw;
        hohe = screen.width*0.586;
        groesse="toolbar=no,location=no,directories=no,status=no,scrollbars=yes,menubar=no,resizable=yes,width="+schirm+",height="+hohe;
        bildanz = window.open("","fenster",groesse);
        bildanz.moveTo ((screen.width-schirm)/2,(hohe/10));
        moveTo(10,10);

if (vschirm <= 640){ausgabe = verzeichnis + aufl + betyp + erw;}
        if (vschirm > 640 && vschirm < 1023 ){ausgabe = verzeichnis + aufl + betyp + erw;}
        if (vschirm >= 1024 && vschirm <= 1199){aufl = "1024x768/be_fl_"; ausgabe = verzeichnis + aufl + betyp + erw;}
        if (vschirm >=1200 && vschirm <= 1599){aufl = "1200x/be_fl_";ausgabe = verzeichnis + aufl + betyp + erw ;}
        if (vschirm >=1600){aufl = "1600x/be_fl_";ausgabe = verzeichnis + aufl + betyp + erw;}

bildanz.document.clear();
              bildanz.document.open();
              bildanz.document.write("<HTML>");
              bildanz.document.write("<HEAD><title>BewamatViewer</title>");

bildanz.document.write('<scr'+'ipt language="JavaScript">');
              bildanz.document.write('closebut1 = new Image(232,29);closebut1.src="../../../assets/images/153Fensterzu.gif";closebut2 = new Image(232,29);closebut2.src="../../../assets/images/hell153Fensterzu.gif";closebut3 = new Image(232,29);closebut3.src="../../../assets/images/Click153Fensterzu.gif";</Scr'+'ipt>')
              bildanz.document.write("</Head>");

bildanz.document.write("<BODY BGCOLOR=#FFFFFF  TEXT=#000000 ><DIV>")

bildanz.document.write("<center>"+ausgabe+"</center></DIV>")
              bildanz.document.write('<div><center>')
              bildanz.document.write('<img src="../../../assets/images/153Fensterzu.gif" align=middle usemap="#closeroll" width="232" height="30" border="0" alt="" name="closebut" onmouseout="document.closebut.src=closebut1.src"></DIV>')
              bildanz.document.write('<map name="closeroll"><area shape=rect coords="1,1,200,28" href="JavaScript:void(0)" onfocus="blur()" onclick="self .close();window.close();close();top.window.close()" onmouseover="document.closebut.src=closebut2.src" onmousedown="document.closebut.src=closebut3.src" onmouseout="document.closebut.src=closebut1.src"></map>');
              bildanz.document.write("</center></Body></HTML>")
              bildanz.document.write("")

bildanz.document.close();

return true;
}