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!

  • Add to favorites
  • Facebook
  • Twitter
  • LinkedIn
  • del.icio.us
  • MisterWong
  • Technorati
  • StumbleUpon

Related posts:

  1. Individual Top-Picture for every Page stored in the resources of a Page This TS i think is very useful if you want...
  2. Navi mit Spiegelung – Aqualook mit Typoscript Für alle, die eine Navigation bauen möchten, die sich spiegel...
  3. CSS-Hintergrundbild per TypoScript ändern bzw. in den Seiteneigenschaften hinterlegen Ich habe auf der Webseite von Sebastian Fischer folgendes TypoScript...
  4. A nice Languagemenu made with TS For all those who do not want to use the...
  5. graphical language menu I found this Language-Menu using a simple Typoskriptsnipped. I found...

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

Leave a comment

Your comment