Bilddateien ab definierter Bildschirmauflösung nicht anzeigen?

26.07.2016 18:12
avatar  Nico
#1
Ni

Hallo Forengemeinde,

ich bin begeistert von den responsive-Update von Jimdo. Nachdem ich nun meine neue mobile Website bestaunt habe, stellte sich mir eine Frage. Ist es möglich, bestimmte Bilddateien ab einer definierten Bildschirmauflösung (geringeren) nicht mehr anzeigen zu lassen? Der Grund für meine Überlegung ist, dass bei der Nutzung meiner Website via Smartphone einige Bilddateien mehr als lästig als hilfreich empfunden werden könnten.

Vielen Dank
Nico


 Antworten

 Beitrag melden
26.07.2016 18:27 (zuletzt bearbeitet: 26.07.2016 23:17)
avatar  az_
#2
avatar
az_

Hallo @Nico!

...wenn Du Inhalte ab einer bestimmten Bildschirmgröße ausblenden willst, musst du nur eine @media Query stellen:

Beispiel:

1
2
3
4
5
 
<style>
@media (max-width: 1171px) {
#page-1208034381 .j-gallery {display:none;}
}
</style>
 



...killt alle Galerien auf der spezifischen Seite - aber nur auf Geräten bzw. Browserfenstern unter einer Breite von 1172px. Und das kannst Du mit allen anderen Elementen auf der Seite genauso machen.

LG, az




PS: ...hab ich gerade mal ausgetestet auf http://stockholm-test.jimdo.com/ (Bilder)


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
26.07.2016 18:53 (zuletzt bearbeitet: 26.07.2016 18:56)
avatar  Nico
#3
Ni

Vielen vielen Dank!, hätte garnicht gedacht, dass das so einfach umsetzbar ist! ;-)


 Antworten

 Beitrag melden
27.07.2016 15:19
avatar  Nico
#4
Ni

Nachtrag: Mit dieser Variante kann man seine Website optimal an die verschiedenen Bildschirmauflösugen anpassen - wunderbar!

Mir ist nun etwas anderes in den Sinn gekommen, dass sich mit Sicherheit auch damit umsetzen lässt, allerdings habe ich bisher nicht den richtgen Code gefunden: Ich möchte, dass die mobile Navigation auch noch bei höreren Auflösungen angezeigt wird (zum Beispiel Tablet im Querformat). Ist dies ähnlich umsetzbar?

grüße
Nico


 Antworten

 Beitrag melden
27.07.2016 16:25
avatar  az_
#5
avatar
az_

...das ist nicht ganz trivial, aber prinzipiell ja.

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!