Navigation 2-stufig, id aufzählend, Bilder-Links, Rollover

Benutzeravatar
immwi
Junior Member
Beiträge: 27
Registriert: Mo 18. Jun 2012, 16:27
Wohnort: Zürich, Schweiz

Navigation 2-stufig, id aufzählend, Bilder-Links, Rollover

Beitragvon immwi » Di 9. Jul 2013, 15:34

Navigation 2-stufig, id aufzählend, mit Bilder-Links und Rollover
(Einträge aus Ordnern bestehend)

Voraussetzung: die Bezeichnung des Navi-Eintrags entspricht dem Bild-Dateinamen

Code: Alles auswählen

<? // ----  Navigation initialisieren  ----- // ?>
    <we:navigation navigationname="default" parentid="1" />


<? // ----  Navi normal 1. ebene  ----- // ?>
<we:navigationEntry type="folder" level="1" navigationname="default">
   <li id="nav<we:navigationField name="position" />">
      <a href="<we:navigationField name="href" />" title="<we:navigationField name="display" />"><img src="/global/images/<we:navigationField name="text" />_off.png" alt="<we:navigationField name="text" />" onmouseover="this.src='/global/images/<we:navigationField name="text" />_on.png'" onmouseout="this.src='/global/images/<we:navigationField name="text" />_off.png'" /></a>
   </li>
</we:navigationEntry>


<? // ----  Navi normal 1. ebene aktiv  ----- // ?>
<we:navigationEntry type="folder" level="1" navigationname="default" current="true">
   <li id="nav<we:navigationField name="position" />">
      <a href="<we:navigationField name="href" />" title="<we:navigationField name="display" />"><img src="/global/images/<we:navigationField name="text" />_on.png" alt="<we:navigationField name="text" />"/></a>
      <we:ifHasEntries><ul class="subnav"><we:navigationEntries /></ul></we:ifHasEntries>
   </li>
</we:navigationEntry>


<? // ----  Navi normal 2. ebene  ----- // ?>
<we:navigationEntry type="folder" level="2" navigationname="default">
   <li class="subnav">
      <a href="<we:navigationField name="href" />" title="<we:navigationField name="display" />"><we:navigationField name="text" /></a>
   </li>
</we:navigationEntry>


<? // ----  Navi normal 2. ebene aktiv  ----- // ?>
<we:navigationEntry type="folder" level="2" navigationname="default" current="true">
   <li class="subnav_active">
      <a href="<we:navigationField name="href" />" title="<we:navigationField name="display" />"><we:navigationField name="text" /></a>
      <we:ifHasEntries><ul class="subsubnav"><we:navigationEntries /></ul></we:ifHasEntries>
   </li>
</we:navigationEntry>

   

<? // ----  Ausgabe Navi ----- // ?>
<ul id="main_navigation">
   <we:navigationWrite navigationname="default" depth="2" />
</ul>

Zurück zu „Anleitungen / Tutorials“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast