Menu über Bild (durchsichtig)

  • Hallo,

    ich brauche Hilfe bei folgendem Problem.
    Ich möchte gerne eine ähnliches Menue bauen, wie in der Seite http://www.zen-road.org
    Beim Mouseover (:hover) soll das unter dem Menue liegende Bild im Bereich des MenuBalkens sichtbar werden.

    Jemand eine Ahnung wie das gehen könnte.

    Danke und Gruß
    Revilo

  • also zum einen glaub ich nicht ganz das das mit dem "unter dem menü"
    liegenden bild wirklich passt. schaut eher aus als wenn er einzelne bilder
    direkt nochmal einblendet.

    realisieren müsstest des mit ner tabelle und beim hover dem tabellenfeld
    ein background-image zuweisen... bei normal die hintergrundfarbe...

  • Hallo driver,

    wenn das die Lösung wäre, müßte man für diese Tabelle, für jeden Balken ein Hintergrundbild-Ausschnitt implementieren. Wenn du dir die Seite genau ansiehst, wirst du sehen, das die Bilder wechseln. Das wäöre schon ein gehöriger Aufwand, oder ?
    Diese Lösung erscheint mir dann doch sehr unwahrscheinlich ;)
    Das läuft doch eher auf so was in der Art von Transparenz hinaus.
    Siehe dazu http://olaf-bosch.de/de/seiten/transparenz.html.
    Nur das dort das ganze Menue tranparent ist und nicht nur der momentane Balken.

    Gruß
    Revilo

  • ah, ich glaub da hab ich dich missverstanden. dachte du meinst
    das das inhaltsbild erscheint (also des wo rechts daneben is).

    ok, hinter der tabelle könnte logischerweise auch ein bild liegen..

    edit: ich hab mir grad mal weng den quelltext vorgenommen.
    garnicht so einfach, steckt ne menge arbeit dahinter... aber ich entdecke
    leider kein bild :|


    edit2: habs doch gefunden. er blendet bei jedem hover ein background-image
    ein, allerdings liegt das ein paar ebenen darunter, weshalb nur der ausgewählte
    dann erscheint.
    aber auf jedenfall sehr kompliziert :)

  • Hallo Driver,

    wo genau hast du das gefunden ?

    Das fehlende Bild liegt wohl an ServerSeitiger Programmierung (PHP) .
    Ich nehme an. das ein PHP das Bild überträgt (immer mal ein Anderes)
    Der PHP wird natürlich nicht gespeichert wenn du dir den Quellcode kopierst.
    Ich habe das Bild aber trotzdem bekommen. Über "Galerie", da erscheinen die Bilder dann weiter unten und können kopiert werden.
    Dann das Bild in das -Dateien Verzeichnis und im bw.css den Code ändern:

    a#road .img {
    background-image: url(wallroad.jpg);
    Anstatt von :background-image:none;

    Dann ist alles da. Nur halt eben der Transparent Effekt nicht.

    Gruß
    Revilo