Mouseover mit zwei verschiedenen Bildern
Eingetragen von lena_d (17)am 15.03.2011 - 09:57 Uhr in
Hi,
Das ist eines der Probleme wo man einfach nicht weiss wo man anfangen soll.
Ich habe einen View der einen Grid von Bildern die an verschiedenen Nodes dranhängen darstellt (random aus einem CCK-Feld field_images).
Wenn man auf eines der Bilder klickt kommt man zur jeweiligen Node, die alle Bilder und eine Bio und ein Portrait der Person zeigt.
So weit so gut.
Was ich möchte ist das im Grid View der Bilder bei einem mouseover das Portrait der jeweiligen Person erscheint (weiteres CCK-Feld der Node namens field_portrait)
Ich weiß einfach nicht wo ich anfangen soll. Theme ich das mit einem views.php.tpl? Oder schreibe ich es in "Rewrite the output of this field" als php?
Irgendwie hab ich das Gefühl ich steh auf der Leitung. Hat wer schon was ähnliches gemacht? Gibt es wo ein Beispiel? Ich finde nichts, aber vielleicht suche ich falsch?
Hier übrigens der Output des Views: http://www.klassefuerideen.at/
lg
Lena
- Anmelden oder Registrieren um Kommentare zu schreiben
Mouseover
am 15.03.2011 - 10:24 Uhr
Hallo.
... Theme ich das mit einem views.php.tpl? Oder schreibe ich es in "Rewrite the output of this field" als php? ...
Das kannst Du beides machen.
Wenn Du komplett auf ein Template verzichten möchtest, kannst Du auch [do:semanticviews Semantic Views] verwenden. Damit weist Du den einzelnen Feldern bestimmte Klassen zu und kannst auch die HTML-Ausgabe ziemlich flexibel gestalten.
Mit ein wenig CSS (2. Bild initial "display: none", beide Bilder "übereinander" positioniert, ...) und jQuery (eventuell im Header des Views) lässt sich so der hover-Effekt zusammenbauen.
Stefan
Danke
am 15.03.2011 - 13:09 Uhr
Hi!
Ok "mehr als ein Weg" hätt ich mir denken können, das löst den Knopf etwas, werd mal basteln
Danke!
lg
Lena