nicht angemeldet
Frames und Hintergrundfarbe
Als Malerin möchte ich gerne meine Bilder ins Web stellen. An einem Problem bin ich jetzt hängengeblieben:
In einem Frameset habe ich rechts in einem Steuerframe die thumbnails meiner Bilder untergebracht, im linken großen Frame sollen sie größer erscheinen.(alles ohne Rahmen)
Mein Problem: ich möchte überall den gleiche dunklen Hintergrund haben.
Sobald ich aber einen Thumbnail anklicke, erscheint er vor einem weißen Hintergrund.
Ich habe schon alles mögliche versucht und habe weder in "selfhtml" noch in einem meiner Handbücher etwas brauchbares gefunden.
Was kann ich tun?
Viele Grüße
Doris Proff
-
Hallo Doris !
Die einfachste (wenn auch nicht einzige) Möglichkeit wäre es, den Link vom Thumbnail aus auf eine für jedes einzelne Bild individuelle HTML-Datei zu setzen. Diese enthält dann:
<html>
<body bgcolor="Farbe">
<img src="grossesbild.ext">
</body>
</html>Statt Farbe musst du natürlich die gewünschte Hintergrundfarbe und statt grossesbild.ext den Dateinamen des grossen Bildes einsetzen.
Mfg.
Florian Neumeyer
-
Hallo Doris
Mein Problem: ich möchte überall den gleiche dunklen Hintergrund haben.
Sobald ich aber einen Thumbnail anklicke, erscheint er vor einem weißen Hintergrund.Ich kann jetzt nur vermuten wie dein Problem zu lösen ist.
Lösung 1: Du hast die Bilder in eine html-Datei eingebunden und einen Link der Form:
<a href="bild1.htm">Bild1</a>
dann genügt folgende Angabe: <a href="bild1.htm" target="Framename">Bild1</a> und du mußt natürlich die Seite mit dem Hintergrund versehen.
Lösung 2: Du hast einen Link der Form:
<a href="bild1.gif">Bild1</a> vielleicht auch mit target-Angabe
a) du bindest das Bild in eine normale HTML Datei ein und gibst den Link wie unter 1 an. Das ist die einfachste und sicherste Methode.
b) Du verwendest JavaScript um die Bilder dynamisch zu schreiben, klappt aber nur im IE und Navigator ab Version 4:
Hier mal die kompletten Dateien zum ausprobieren:
Frameset:
<html>
<head>
<title></title>
</head>
<frameset cols="25%,75%">
<frame src="leer2.htm" name="framea">
<frame src="leer.htm" name="frameb">
</frameset>
</html>Im frameb werden die Bilder angezeigt.
Leerseite für frameb
<html>
<head>
<title>Leerseite</title></head>
<body text="#ffffff" bgcolor="#000066">
<div id="bild" style="position:absolute;"> </div>
</body>
</html>Der Div ist wichtig, sonst klappt es nicht im Navigator.
Menüdatei leer2.htm
<html>
<head>
<title>Leerseite</title>
<script language="JavaScript">
<!--
function wechsel(bild,hoehe,breite)
{neubild='<img src="'+bild+'" height="'+hoehe+'" width="'+breite+'" border="0" alt="">'
if (document.all)
{ /*IE Part*/parent.frames.frameb.document.body.innerHTML=neubild; return false;
}
else if (document.layers)
{ /*NN Parte*/parent.frames.frameb.document.bild.document.open();
parent.frames.frameb.document.bild.document.write(neubild);
parent.frames.frameb.document.bild.document.close();
return false;
}return true;
}
//-->
</script></head>
<body text="#ffffff" bgcolor="#000066"><a href="l.gif" onClick="return wechsel('l.gif',100,100);" target="frameb"><img src="l.gif" width="10" height="10" border="0" alt=""></a>
<a href="g.gif" onClick="return wechsel('l.gif',200,200);" target="frameb"><img src="g.gif" width="10" height="10" border="0" alt=""></a>
</body>
</html>Beim Klick auf dem Link rufst du die Funktion wechsel() auf.
Dieser übergibst du drei Parameter:
onclick('Dateiname des Bildes',Bildhöhe,Bildbreite)Aus diesen Werten wird dann der image-Tag zusammengesetzt. Der steht dann in der Variablen neuBild.
Jetzt kommt die Trennung nach den Browsern.
im IE wird mittels innerHTML das Bild geschrieben und im Navigator mittels document.write()Die return Angaben sorgen dafür das der Navi und der IE den Link in <a href= nicht ausführen, aber alle anderen.
Die kriegen dann eben den weißen Hintergrund.
Viele Grüße
Antje