Rollover mit VIEWS ?
am 11.01.2011 - 12:07 Uhr in
Ist ein zum Beitrag verlinktes RollOver (2 Bilder überlagert) mit Views möglich?
LG Markus
- Anmelden oder Registrieren um Kommentare zu schreiben
Ist ein zum Beitrag verlinktes RollOver (2 Bilder überlagert) mit Views möglich?
LG Markus
Beiträge im Forum: 250239
Registrierte User: 20464
Neue User:
| wla | 9461 |
| stBorchert | 6003 |
| quiptime | 4972 |
| Tobias Bähr | 4019 |
| bv | 3924 |
| ronald | 3857 |
| md | 3717 |
| Thoor | 3678 |
| Alexander Langer | 3416 |
| Exterior | 2903 |
Rollover
am 12.01.2011 - 20:56 Uhr
Ist ein zum Beitrag verlinktes RollOver (2 Bilder überlagert) mit Views möglich?
Ja.
Sogar ohne [do:views Views] mit reinem CSS.
Stefan
komplizierter wies klingt ...
am 13.01.2011 - 12:24 Uhr
Einmalig schaff ich das verlinkte Rollover auch. Doch wennst um eine ständige Anzeige (nach Suche) geht, wirds schierig.
Meine Nodes bestehen aus folgenden Feldern:
Bild 1
Bild 2
Text
Link
Die Anzeige der Nodes (via VIEWS) sollte Bild1 sein.
Mit Rollover zu Bild2 verlinkt auf die Geamte Node (Bild1,2 Text und Link)
Danke für Mitdenken ;)
Nach einigem Suchen bin ich
am 20.01.2012 - 00:48 Uhr
Nach einigem Suchen bin ich vorhin auf eine Lösung gekommen (allerdings Drupal 6, mit Drupal 7 würde ichs aber analog anpacken):
Rollover mit CSS funktioniert ja wunderbar, ist aber leider statisch.
Mein Problem war folgendes:
Es wird (nur!) ein Bild zu einem Node hochgeladen. Dieses soll in einer View dargestellt werden, aber in einer aufgehellten Version.
Beim Rollover soll die Originalversion gezeigt werden.
1. Folgende Module werden benötigt:
- Views
- ImageCache
- ImageCache_actions
2. Zwei ImageCache-Presets sind nötig (ev. nur einer, wenn das hochgeladene Bild schon OK ist).
- ein Preset für das normale Bild
- ein Preset für das aufgehellte Bild (Brightness aus den zusätzlichen Actions)
3. In der View über Theming das richtige Template aussuchen. Bei mir gebe ich nur die Node-Id aus und lade den Node manuell im Template. Damit habe ich
auf alle notwendigen Daten Zugriff.
4. Nun die Pfade zu den Presets erstellen und die Theming-Funktion aufrufen, damit die Presets auch erstellt werden:
5. Nun kann damit ganz normal sowas gemacht werden:
print '<a href="'.$nodeurl.'">';print '<img src="'.$url_bleich.'" onmouseover="this.src=\''.$url_norm.'\'" onmouseout="this.src=\''.$url_bleich.'\'">';
print '</a>';
Wie gesagt, ich habs für Drupal 6 gemacht, die Theming-Funktionen sind in D7 ziemlich sicher anders. Aber vielleicht bringt dich
das irgendwie weiter.
2
am 30.09.2012 - 16:14 Uhr
... und wie funktionierts mit 2 verschiedenen bildern?
Wow,
am 01.10.2012 - 12:42 Uhr
eine Reaktion nach 8 Monaten...
Mit zwei verschiedenen Bildern? Eigentlich gleich:
Die beiden Bilder in die View aufnehmen, aber nicht anzeigen lassen, und dann entweder in einem Template den Link ausprogrammieren, oder allenfalls den HTML-Code über ein
globales Textfeld mit Token einbauen.
Ok ... wir kommen der Sache Näher
am 01.10.2012 - 15:24 Uhr
eine Reaktion nach 8 Stunden ;)
wow, DANKE :)
...) entweder in einem Template den Link ausprogrammieren?:
Das Rollover (2in1Bilde) soll nun in eine Rasteransicht von Views geladen werden.
Wo finde ich die Template.php der View?
Beziehungsweise wo kann ich wie den RolloverCode einfügen?
So, wie ichs oben geschildert
am 01.10.2012 - 15:50 Uhr
So, wie ichs oben geschildert habe, entweder oder.
Wenn Du das Template anpassen möchtest, musst Du in der View unter Advanced - Theme Information das passende Template heraussuchen und nutzen - Tutorials zum Views-Theming gibts einige.
Oder Du geht über ein globales Feld, welches einem erlaubt, direkt HTML-Code mitzugeben, das würde ich jetzt als erstes versuchen:
1. In der View die Node-Id und die beiden Bildfelder hinzufügen (aber von der Anzeige ausschliessen)
2. Ein Globales Textfeld hinzufügen (Feld hinzufügen, Filtern nach Global, dann Custom Text). Dort kannst Du Dir den Link als HTML-Code selber basteln:
Einen Inline-Style mit einer Id für das a-Tag und a:hover-Tag (mit Node-Id ergänzen, damit die Sache eindeutig ist ) mit den beiden Bildern als Background Image machen, und danach den Link selbst mit dieser Id.
Die drei ausgeschlossenen Felder stehen als Token zur Verfügung, solange die drei Felder VOR dem Global-Feld stehen (falls nicht, brauchst Du das Modul Token).
Hinweis: Tricky könnte noch sein, dass Du bei den Bildfeldern ja nicht die Bilder selbst, sondern die Pfade benötigst.