Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Module › Views ›

Rollover mit VIEWS ?

Eingetragen von Streetacademy (233)
am 11.01.2011 - 12:07 Uhr in
  • Views
  • Drupal 7.x

Ist ein zum Beitrag verlinktes RollOver (2 Bilder überlagert) mit Views möglich?

LG Markus

‹ igesuchten Inhalt gegliedert anzeigen.?! Forumzugriff nur über Views! kein normaler Zugriff auf Forum erlauben ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Rollover

Eingetragen von stBorchert (6003)
am 12.01.2011 - 20:56 Uhr
Streetacademy schrieb

Ist ein zum Beitrag verlinktes RollOver (2 Bilder überlagert) mit Views möglich?

Ja.
Sogar ohne [do:views Views] mit reinem CSS.

 Stefan

  • Anmelden oder Registrieren um Kommentare zu schreiben

komplizierter wies klingt ...

Eingetragen von Streetacademy (233)
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 ;)

  • Anmelden oder Registrieren um Kommentare zu schreiben

Nach einigem Suchen bin ich

Eingetragen von leda.ch (977)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

2

Eingetragen von Streetacademy (233)
am 30.09.2012 - 16:14 Uhr

... und wie funktionierts mit 2 verschiedenen bildern?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Wow,

Eingetragen von leda.ch (977)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ok ... wir kommen der Sache Näher

Eingetragen von Streetacademy (233)
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?

  • Anmelden oder Registrieren um Kommentare zu schreiben

So, wie ichs oben geschildert

Eingetragen von leda.ch (977)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • [gelöst]Vermaledeite Feeds
  • кракен сайт кто владелец
  • Rolle erstellen nicht zu finden
  • Medien und andere Daten mit Feeds von Drupal 7 auf Drupal 10 migrieren
  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
Weiter

Neue Kommentare

  • кракен маркетплейс форум
    vor 4 Stunden 39 Minuten
  • Rollen
    vor 11 Stunden 36 Minuten
  • Inzwischen sind wir bei
    vor 1 Woche 4 Tagen
  • Migrieren von D7 auf D8/ D10/ D11
    vor 1 Woche 4 Tagen
  • melde mich mal wieder, da ich
    vor 9 Wochen 2 Tagen
  • Hey danke
    vor 9 Wochen 2 Tagen
  • Update: jetzt gibt's ein
    vor 9 Wochen 3 Tagen
  • Hallo, im Prinzip habe ich
    vor 10 Wochen 23 Stunden
  • Da scheint die Terminologie
    vor 10 Wochen 1 Tag
  • Kannst doch auch alles direkt
    vor 10 Wochen 5 Tagen

Statistik

Beiträge im Forum: 250239
Registrierte User: 20464

Neue User:

  • Tawer3sowar
  • ocvk2810
  • marouane.blel

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 22 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association