Views: Bild bei Hover des Title anzeigen
Eingetragen von no2x (98)am 07.06.2010 - 12:35 Uhr in
Hallo zusammen,
ich habe eine View erstellt, der sämtliche Nodes eines Typs Artikel auflistet. Diese Artikel haben einen Titel, einen Body und ein Bild (Imagefield). Die View zeigt die Nodes als Grid an und gibt dabei nur den Titel aus.
Nun möchte ich, dass wenn man mit der Maus über den Titel fährt, das Bild als Hover angezeigt wird. Am liebsten möchte ich das alles über das Views Theming erreichen. Ich habe nun das Bild unter den Feldern bei Views mit aufgenommen und im Views Theme in ein Layer gepackt, der standardmaäßig mit
display: none;versteckt ist.
Bei statischen Elementen ist es ja möglich eine JS-Datei anzulegen und dort die JQuery Toogle Funktion aufzurufen. Wie bekomme ich das dynamisch hin bzw. bei dem Hover?
Für jeden Hinweis bin ich dankbar!
- Anmelden oder Registrieren um Kommentare zu schreiben
Schau Dir mal das mouseover
am 07.06.2010 - 16:08 Uhr
Schau Dir mal das mouseover Event von jQuery an. Damit müsste das problemlos machbar sein.
Beste Grüße,
Niko
views popup
am 07.06.2010 - 16:17 Uhr
Das müsste mit den Modul Views Popup klappen, da bekommst Du mehrere neue Design-Einstellungen,
z.B.: Popup Table, da kannst Du den Nodeinhalt und Titel als Tabelle anzeigen und das Bild als Popup.
halllo zusammen, besten dank
am 07.06.2010 - 17:20 Uhr
halllo zusammen,
besten dank für eure hinweise. Ich glaub das Views Popup ist nicht das was ich suche, das scheint mir ne Designeinstellung zu sein. Aber da möchte ich ja weiter mein Grid verwenden und das ganze lieber übers theming erreichen.
@niko: Genau den event suche ich. Wo pflanze ich denn den ganzen script krempel hin?
Also ich mein die:
$("h2.title").mouseover(function() {zeigmeinbildsofort
}
Ich denke mal entweder ich mache da ein Rewrite Output bei den Feldern im View (dann habe ich wahrscheinlich zig script-Tags?!) oder ich schreib im Views Template mit foreach selber was zusammen?
Du kannst eine eigene
am 08.06.2010 - 09:51 Uhr
Du kannst eine eigene js-Datei erstellen und diese dann mit Hilfe von drupal_add_js('pfad/zur/dateri.js') einbinden.
Beste Grüße,
Niko