Zum Inhalt springen

Bilder aus der 2. Ebene als Menu anzeigen

Erstellt am 16. September 2008 · 1 Antwort · letzte Antwort am 17. September 2008

Tags: Bilder, Frage

xTheTronx ·

Hallo,

just2b hat hier ja ein interessantes Beispiel zu einem grafischen Menu aufgezeigt.

#65143

temp.bildmenu= HMENU
temp.bildmenu {
  1 = GMENU
  1.noBlur = 1
  1.wrap = |
  1.NO = 1
  1.NO {
    imgParams = border="0"
    altImgResource.import = uploads/media/
    altImgResource.import.field = media
    # 0 steht für das 1. Bild in den Seiteneigenschaften
    altImgResource.import.listNum = 0
  }
  1.ACT < .1.NO
  1.ACT {
    # 1 steht für das 2. Bild in den Seiteneigenschaften (für den RO-Effekt)
    altImgResource.import.listNum = 1
  }
  1.RO < .1.ACT
}

Ich würde mir dies gerne für meine Bedürfnisse anpassen, bin dabei aber leider nicht weiter gekommen.
Meine Überlegungen gingen dahin, dass ich die PID´s der Seite angebe, die angezeigt werden sollen.

Und zwar möchte ich diesen Marker nur auf der Hauptseite benutzen und zu einigen Unterseiten verlinken, also Seiten von der 2. Ebene.
Das Script, so wie es jetzt ist, nimmt ja Bilder von der 1. Ebene.

Sprich:

Startseite
- Unterseite
|- DIE SEITE ANZEIGEN
|- DIE SEITE ANZEIGEN 2
|- DIE SEITE ANZEIGEN 3
...

Bilder dafür sind in den Resourcen hinterlegt.

Für Vorschläge wäre ich euch dankbar.

Gruß

Torsten

xTheTronx ·

Ich habe es jetzt soweit bekommen, was auch zu 90% das tut, was ich möchte.

Kleiner Hacken an der Sache ist, dass ich eine einzige Liste erhalte, in der alle 4 Bilder drin sind.

GMENU_STARTSEITE = HMENU
GMENU_STARTSEITE {
  special = list
  special.value = 32, 31, 30, 28
  1 = GMENU
  1 {
    noBlur = 1 
    wrap = <li>|</li>
    NO = 1
    NO {
      imgParams = border="0"
      altImgResource.import = uploads/media/
      altImgResource.import.field = media
      # 0 steht für das 1. Bild in den Seiteneigenschaften
      altImgResource.import.listNum = 1
    }
  }
}
div#centerCol ul li a{
float:left;
display:block;
padding-right:3px;
}

Mein Inhaltsdiv ist 500px breit und wenn ich die Bilder nebeneinander stehen habe, mit 3px padding nach rechts, habe ich am rechten Rand noch einen größeren Abstand, bzw. wenn ich mich dem Rand nähere, bricht er irgendwann um, da ja die 3px padding-right dann greifen.
Aber das letzte Bild soll, so wie das 1. bündig abschliessen.

Besteht die Möglichkeit die Bilder einzeln in eine Liste zu stecken und dem letzten eine eigene Klasse zuzuweisen?
Eine andere Möglichkeit würde mir nicht einfallen, wie man es überhaupt lösen könnte.

Vielen Dank für eure Hinweise.