nicht angemeldet
Grafik laden, Hintergrund->schwarz
Hi Leute!
Ich habe auf meiner Seite eine Bildergalerie, die ich per Thumbnails navigiere.
Der allgemeine Hintergrund der Seite ist schwarz.
Ich möchte allerdings nicht für jedes neu geladene Bild eine Html Datei mit schwarzem Hintergrund erstellen, sondern in meinem Ausgabeframe der Bilddatei hinterlegen, dass der Rest des Browser um das Bild auch schwarz anstatt weiss ist.
Kann mir da jemand helfen?
Danke!
MfG
Oliver Tietjen
-
Hallo Oliver,
es gibt keinen allgemeinen Hintergrund. Der Frameset bildet wirklich nur einen Rahmen, in den die einzelnen HTML-Dateien geladen werden. Es ist doch auch gar kein Problem, den Hintergund jeder einzelnen HTML-Datei schwarz zu färben, Du erstellst einfach eine zentrale CSS-Datei mit den entsprechenden Attributen, die in jede der HTML-Dateien geladen wird. In der CSS-Datei kannst Du zum Beispiel das body-Tag so definieren, dass es einen schwarzen Hintergrund aufweist. Lies einfach mal ein bisschen in HTML 8.0 unter CSS herum. So schwer ist es gar nicht. In der CSS-Datei kannst Du dann gleich auch die richtige Schriftart und -größe bequem festlegen und ersparst Dir so eine Menge Arbeit.
Viele Grüße
Mathias Bigge-
Hallo Mathias,
Lies einfach mal ein bisschen in HTML 8.0 unter CSS herum. So schwer ist es gar nicht.
also ehrlich, unsereiner eiert hier noch mit HTML 4.01 oder XHTML
in der Version 1.wasweissich herum und Du hast doch tatsächlich
schon irgendwo HTML 8.0 abgestaubt :-(
Und wie es aussieht, haben die da jetzt auch das CSS gleich mit
integriert, was natürlich sehr praktisch ist, da kommt wenigstens
niemand mehr auf die Idee, das font-Element verwenden zu wollen!*SCNR*
Um noch etwas Sinnvolles zu diesem Thread beizutragen, ich würde
hier soweit möglich unbedingt etwas serverseitiges bevorzugen, egal
ob SSI, PHP oder CGI, mit allen drei Sachen ist es leicht lösbar,
aber dafür muß man zunächst einmal wissen, was davon Oliver ein-
setzen kann und will. Clientseitig finde ich nicht so sehr gut,
weil man da im direkten Vergleich deutlich mehr Aufwand bei einer
geringeren Erfolgsquote hat.Viele Grüße,
Stefan
-
-
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;
} -
hi Oliver
du könntest auch einfach via javasciprt ein fenster mit dem bild drin öffnen und dem fenster gleich nen inhalt für ne komplette html-seite mitgeben :)
so könnte es funktionieren:
function openPictureWindow_Fever(imageType,imageName,imageWidth,imageHeight,alt,posLeft,posTop) { // v4.01
newWindow = window.open("","newWindow","width="+imageWidth+",height="+imageHeight+",menubar=1,scrollbars=no,left="+posLeft+",top="+posTop);
newWindow.document.open();
newWindow.document.write('<html><title>'+alt+'</title><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" onClick="self.close()">');
newWindow.document.write('<img src="'+imageName+'" width='+imageWidth+' height='+imageHeight+' alt="'+alt+'">');
newWindow.document.write('</body></html>');
newWindow.document.close();
newWindow.focus();
}und das script rufst du dann z.B. mit
onClick="openPictureWindow_Fever('undefined','images/uebersichtsplan1.gif','580','407','Alt-Text','0','0')"
auf :)
da kannst du dann alles übergeben wa du möchtest, inkl. der hintergrundfarbe.
alles liebe
ole
(8-)>