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

Rollover mit VIEWS ?

Eingetragen von Streetacademy (233)
am 11.01.2011 - 13: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 - 21: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 - 13: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 - 01: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 - 17: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 - 13: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 - 16: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 - 16: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

  • Neuinstallation: vermutlich ein rewrite-Problem
  • Drupal CMS installieren
  • [erledigt]MP3 in Drupal 10 einbinden
  • (gelöst)Drupal 11 installieren
  • Titel ausblenden
  • Ich brauche dringen Hilfe zu Updates oder ggf. wwie geht Composer?
  • Dynamische Ansicht von Seiteninhalt (als Tabelle?)
  • Vergabe von Berechtigungen für bestimmte Rollen; mir fehlt der Haken bzw. das „Veröffentlicht“
  • Medien und andere Daten mit Feeds von Drupal 7 auf Drupal 10 migrieren
  • Rolle erstellen nicht zu finden
  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
Weiter

Neue Kommentare

  • Was für einen Server benutzt
    vor 1 Woche 5 Tagen
  • Wenn die Subdomain auf
    vor 2 Wochen 4 Stunden
  • ordnerstruktur
    vor 2 Wochen 15 Stunden
  • Die Subdomain muß auf den
    vor 2 Wochen 2 Tagen
  • Verwende doch das Tag dafür,
    vor 5 Wochen 4 Tagen
  • Guckst du hier: step by step
    vor 5 Wochen 4 Tagen
  • Guckst du hier: step by step
    vor 5 Wochen 4 Tagen
  • Ich habe ja keine Angst vor
    vor 6 Wochen 6 Tagen
  • Ist grundsätzlichmachbar – aber nichts für „einfach mal schnell“
    vor 7 Wochen 2 Tagen
  • Vielen Dank erst einmal, aber
    vor 7 Wochen 3 Tagen

Statistik

Beiträge im Forum: 250289
Registrierte User: 20520

Neue User:

  • Wolf Dab
  • Scottteday
  • MichaelPeeno

» Alle User anzeigen

User nach Punkten sortiert:
wla9466
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 30 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