Zum Inhalt springen

Verweis-sensitive Grafik mit Mouseover und Dropdown Menü

Erstellt am 30. April 2014 · 3 Antworten · letzte Antwort am 5. Mai 2014

Tags: Bilder, HTML & CSS, TYPO3 4.x, Frage

Kolognium ·

Hallo,

wie Ihr schon am Betreff seht habe ich eine verweis-sensitive Grafik erstellt bei der ich einzelne Bereiche markiert und diese bisher mit Links versehen habe, die sich öffnen sobald ich mit der Maus auf dn Bereich klicke. Nun möchte ich aber, dass diese Bereiche ein Dropdown Menü öffnen sobald ich mit der Maus darübergehe (mouseover). Das Dropdown Menü soll dann mehrere Links zu Seiten oder Dateien enthalten. Das alles sollte bestmöglich allein auf html basieren, da es mir nicht möglich ist extensions zu nutzen.

Ist mein Anliegen überhaupt so machbar und wenn ja, kennt jemand eine Möglichkeit?

Gruß
Kolognium

Kolognium ·

Okay, müsste ich dann das dropdown menü und die mouseover funktion im script definieren und dann nur den gewissen stellen vom bild zuordenen oder wie?

Gruß
Kolognium

Niklas Lazinbee ·

So in der Art würde ich es machen. Genau kenne ich dein Anforderungen nicht, aber du kannst den Menüs ja eindeutige Klassen geben mit

NO = 1
NO.subst_elementUid = 1
NO.allWrap = <li class = "topnav_{elementUid}">|
NO.wrapItemAndSub = |</li>

Im Bezug auf Javascript arbeite ich immer mit jQuery, da läßt sich ein Dropdown leicht umsetzen.

Gruß Niklas