Navigation aus in den Seiteneigenschaften angegebenen Bildern

Ich habe gerade auf http://www.seo24.at/navigation-nur-mit-bilder/ folgendes TYPOSKRIPT gefunden:

# Navigation
lib.navlogo = HMENU
lib.navlogo.special = list
lib.navlogo.special.value = 3,4,5,6
lib.navlogo.1 = GMENU
lib.navlogo.1 {
noBlur = 1
wrap = |
NO {
altImgResource.import=uploads/media/
altImgResource.import.field=media
altImgResource.import.listNum=0
allWrap=|   
}
ACT = 1
ACT {
altImgResource.import=uploads/media/
altImgResource.import.field=media
altImgResource.import.listNum=1
allWrap=|   
}
}

Dieses TYPOSKRIPT erstellt eine Navigation aus in den Seiteneigenschaften angebenen Bildern (unter Resources). So kann man die Navigationsbuttons für jede Seite selbst gestalten, also auch unterschiedliche angeben.
Was mir auffällt: Eigentlich sollte es auch möglich sein, einen RO (also Rollover) image anzugeben. Ich würde also den code um folgendes erweitern:

 
RO = 1
RO {
altImgResource.import=uploads/media/
altImgResource.import.field=media
altImgResource.import.listNum=1
allWrap=|   
}

Das Ganze sieht dann so aus:

# Navigation
lib.navlogo = HMENU
lib.navlogo.special = list
lib.navlogo.special.value = 3,4,5,6
lib.navlogo.1 = GMENU
lib.navlogo.1 {
noBlur = 1
wrap = |
NO {
altImgResource.import=uploads/media/
altImgResource.import.field=media
altImgResource.import.listNum=0
allWrap=|   
}
RO = 1
RO {
altImgResource.import=uploads/media/
altImgResource.import.field=media
altImgResource.import.listNum=1
allWrap=|   
}
 
ACT = 1
ACT {
altImgResource.import=uploads/media/
altImgResource.import.field=media
altImgResource.import.listNum=1
allWrap=|   
}
}

Der ACT-Zustand wird dann also auch als Rollover-Image genutzt… ich konnte bisher noch nicht Testen, sollte aber out-of-the-box funktionieren. Freue mich über Feedback!

Diese Seite Bookmarken:
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • LinkArena
  • MisterWong
  • TwitThis
  • Live
  • MySpace
  • Print this article!
  • StumbleUpon
  • Technorati
  • Webnews.de
  • Wikio

Related posts:

  1. CSS-Hintergrundbild per TypoScript ändern bzw. in den Seiteneigenschaften hinterlegen Ich habe auf der Webseite von Sebastian Fischer folgendes TypoScript...
  2. Individual Top-Picture for every Page stored in the resources of a Page This TS i think is very useful if you want...
  3. Navi mit Spiegelung – Aqualook mit Typoscript Für alle, die eine Navigation bauen möchten, die sich spiegel...

Related posts brought to you by Yet Another Related Posts Plugin.

Leave a comment

Your comment