[gelöst] Blöcke, erstellt mit Views abhängig von Bildschirmauflösung anzeigen lassen
Eingetragen von Kirsten1965 (703)am 12.03.2012 - 16:03 Uhr in
Hallo,
ich erstelle gerade basierend auf Adaptive Theme ein sogenanntes 'Responsive Design'. Das klappt auch eigentlich ganz reibungsfrei. Nur an einer Stelle bin ich auf ein Problem gestoßen, für das mir keine Lösung einfallen möchte. Die Datenkrake wollte mich diesbezüglich auch nicht beliefern.
Ich habe einen View mit frei Blöcken erstellt, die jeweils ein Nivo Slider beherrbergen - identische Photos, aber unterschiedliche Stylesheets, immer bezugnehmend auf das jeweilige Medium. Nur wie erkläre ich nun Drupal, dass es bei der Auflösung x den Block x und bei der Auflösung y den Block y anzeigen soll?
Wie immer, dankbar für Eure Zeit und Euer Input!
Gruß,
Kirsten
- Anmelden oder Registrieren um Kommentare zu schreiben
Ich würde das Ganze direkt
am 12.03.2012 - 18:51 Uhr
Ich würde das Ganze direkt über CSS lösen - hier kannst du dir ja eine media-query schreiben, die bei bestimmten Auflösungen entsprechende CSS auf die Elemente anwendet. Standardmäßig würde ich dann alle Slider ausblenden oder auf mobile-first optimiert anzeigen ( also den kleinsten zuerst) - je nach Bildschirmgröße kannst du dann die anderen via display: block ein / ausblenden.
Eine andere Möglichkeit wäre der Einsatz eines Responsive Sliders - auch hierfür gibt es mittlerweile passende jQuery Plugins ( ob es direkt Drupal Plugins gibt, kann ich dir gerade nicht sagen )..
Schau dir dazu mal folgende Plugins an:
http://webexpedition18.com/articles/responsive-jquery-sliders-image-gall...
http://www.elmastudio.de/programmierung/den-responsive-bilder-slider-fle...
http://brice.lechatellier.com/code-design/wmuslider/
SteffenR
Danke, Steffen
am 13.03.2012 - 13:10 Uhr
... wie immer ein Füllhorn von guten Ideen.
Da ich diesen Block nur auf der Startseite benötige, habe ich mir die Plugins einmal angesehen und siehe da ... FlexSlider gibt es auch schon als Drupal 7 Modul, sogar mit Views Integration.
Habe ich also flux installiert und siehe da - es funktioniert, wie gewünscht! Kann ich also empfehlen.