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 10 Gäste