ich bin auf der Suche nach jemandem der mir für Redaxo ein Naviationstemplate programmiert. Zumindest würde ich gerne wissen was so etwas kosten würde, damit ich entscheiden kann ob sich das finanziell ne Option ist.
Ich brauche eine horizontale Navigation die 4 Ebenen abbildet und nach der letzten Ebene ein Thumbnailbild anzeigt. Im wesentlichen geht es um die gleiche Navigation wie hier.
Allerdings ohne die Scrollbar. Also einfach nur 4 Listen die nicht ineinander verschachtelt sind sondern horizontal über <div> container abgebildet werden.
Da ja das Vorschaubild am Ende der Navigation automatisch je nach Navigationspunkt angezeigt werden soll, könnte man es auch so machen das die Bilder einfach die gleiche ID bekommen wie der Link der generiert wird. So könnte man die Bilder einfach über den Medien Pool hoch laden und müsste nur die id's beachten. Die Navi findet das Bild dann über die id. (War nur so eine Idee, kann natürlich auch anders realisiert werden)
Antworten gerne auch per Mail.
Danke!
B.
PS: Als Ergebnis wäre so etwas ganz gut!
Code: Alles auswählen
<div id="header-nav">
<div class="navBox" id="navBox1">
<ul class="nav1st">
<li><a href="#">News and Events</a></li>
<li class="active"><a class="current" href="#">Projects</a></li>
<li><a href="#">Studio</a></li>
<li><a href="#">...</a></li>
</ul>
</div>
<div class="navBox" id="navBox2">
<ul class="nav1st">
<li class="active"><a class="current" href="#">Selected Projects</a></li>
<li><a href="#">Project List</a></li>
</ul>
</div>
<div class="navBox" id="navBox3">
<ul class="nav1st">
<li class="active"><a class="current" href="#">Museums and Galleries</a></li>
<li><a href="#">Civic an Masterplan</a></li>
<li><a href="#">Offices</a></li>
<li><a href="#">Residential</a></li>
<li><a href="#">...</a></li>
</ul>
</div>
<div class="navBox" id="navBox4">
<ul class="nav1st">
<li class="active"><a class="current" href="index.php?article_id=3" onmouseover="changeImages('Thmb', 'files/img-thmb-id3.jpg'); return true;"
onmouseout="changeImages('Thmb', 'files/img-thmb-id0.jpg'); return true;">Am Kupfergraben 10</a></li>
<li><a href="index.php?article_id=15" onmouseover="changeImages('Thmb', 'files/img-thmb-id15.jpg'); return true;"
onmouseout="changeImages('Thmb', 'files/img-thmb-id0.jpg'); return true;>Museum at... Center</a></li>
<li><a href="index.php?article_id=23">Ansaldo City ...</a></li>
<li><a href="index.php?article_id=26">Aust ...</a></li>
<li><a href="index.php?article_id=26">Figge ...</a></li>
<li><a href="index.php?article_id=26">James ...</a></li>
<li><a href="index.php?article_id=26">Liangz ...</a></li>
</ul>
</div>
<div class="navBox" id="navBoxThmb">
<img src="files/img-thmb-id0.jpg" name="Thmb" alt="img-thmb-id0.jpg" width="106" height="71" />
</div>
</div>