Moinmoin,
Ich habe versucht, ein nicht-mitscrollendes Menü mit Hintergrundbild als Wallpaper zu erstellen. Logischerweise ohne einen Frame oder ein Tabellendesign zu verwenden (das wäre zumindestens einfacher gewesen...)
Meine erste Idee war, einfach mehrere Male das Hintergrundbild mittels position:fixed manuell so zu positionieren, dass sie ein Wallpaper ergeben und dann mittels z-index die Buttons drüberzulegen.
Das Problem: Bei einer höheren Auflösung werden in der Höhe mehr Bilder benötigt. Ich könnte zwar einfach genügend Bilder für eine wasweißichwiehohe Auflösung in den Code eintragen, aber das ist doch schon sehr unschön.
Daher wollte ich es mit Javascript lösen. Der nenneswerte Part Code sieht jetzt folgendermassen aus:
PHP:1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| <html>
<head>
<title>Nicht-scrollendes Menü</title>
<meta name="author" content="Cemper">
<script text="JavaScript">
var passende_bilder=window.innerHeight / 120; //übereinander darstellbare Holztexturen ermitteln
passende_bilder=Math.ceil(passende_bilder); //aufrunden
var i=0; //initialisiere Zähler
var hoehe=0; //zeigt an, wie hoch das aktuelle Bild platziert werden muss
while (i<passende_hoelzer)
{
hoehe=120 * i; //120 Pixel pro Bild mal anzahl platzierter Bilder
document.write(<img src="holz.jpg" style="position:fixed; left:0; top:hoehe; z-index:1">); //Bildplatzieren
i++; //Zähler
}
</script>
</head>
<body text="#000000" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<img src="home.gif" style="position:fixed; left:30; top:200" alt="Hauptseite">
</body>
</html> |
Mitglieder gesamt: 68138 
