[gelöst] Bild:hover highlightet Taxonomie-Begriff in Menü
am 09.04.2014 - 16:03 Uhr in
Guten Abend,
ich entschuldige mich schon jetzt für die bestimmt einfache Frage. Stehe auf dem Schlauch.
Folgendes Szenario: (Siehe Bild):
• In einem View werden Bilder angezeigt. Diesen sind Taxonomie-Begriffe zugeordnet. Die Bilder sind mit diesen Begriffen verlinkt. Der -Tag hat die Klasse des richtigen Begriffs (z.B. Kirsche") via Token bekommen.
• In einem separaten Block werden diese Taxonomie-Begriffe als Menü ausgeben.
Soweit alles kein Problem.
Was nicht klappt bzw ich nicht weiß, wie es zu realisieren ist (Auf dem Bild Punkt 02 & 03):
• Bei einem hover über einem Bild mit dem Taxo-Begriff "Kirsche" soll im Menü-Block der Punkt "Kirsche" gehighlightet werden.
• Bei einem hover über einem Bild mit dem Taxo-Begriff "Banane" soll im Menü-Block der Punkt "Banane" gehighlightet werden.
• usw
• (Wenn der Mauszeiger über keinem der Bilder ist soll natürlich auch nichts gehighlightet sein.)
Wie kann ich diese Funktion realisieren? Mit jQuery und den zugeordneten css-Klassen müsste es gehen. Nur dummerweise bin ich in JS nicht fit. Mann. Mann. Mann.
Besten Dank für jede Hilfe.
#
ps: Hier ist es live umgesetzt.
- Anmelden oder Registrieren um Kommentare zu schreiben
Hallo, das kannst Du mit
am 10.04.2014 - 12:35 Uhr
Hallo,
das kannst Du mit JQuery und CSS machen.
Am besten Du postest mal den HTML Code dieser beiden Blöcke.
So sieht man die CSS Selectoren (Tags) und man kann Dir dann sicher
helfen.
MfG
Robert
https://awri.ch
Ich habe eine Schweizer Tastatur und daher kein scharfes ß ;-)
Klappt mit ein bisschen jQuery
am 22.04.2014 - 13:22 Uhr
Danke.
http://c2f.ch/de/works/17 hier ist es ganz gut umgesetzt und verständlich.
(Die dynamische Taxonomieauslesung schaffe ich noch nicht. Aber das kommt später.)
Vielen Dank für den Hinweis.