Bilder ausblenden

  • Hallo Forum, Mario, Thomas ... :o)

    ist es möglich (ach bestimmt) ab einer bestimmten Fensterbreite (mobile) einzelne Bilder aus dem Inhalt auszublenden. Das geht doch sicherlich, oder.

    Freundlichste Grüße...

    Gawainos

    P.S.: Ich meine es nie böse... ;)

  • Hallo Gawainos,

    HIER ein Beispiel, ab 1000 Pixeln Bildschirmbreite wird das erste Bild ausgeblendet.

    Einstellungen > CSS

    CSS
    <style>
    @media (max-width: 1000px) {
    .bild1-ausblenden {
       display:none;
    }}
    </style>

    In dem Widget in dem du das entsprechende Bild eingefügt hast gehst du unten links auf das Mischpult, dann auf Mehr und trägst im dem Feld CSS-Klasse folgendes ein:

    Code
    bild1-ausblenden
  • Hi,

    ich sag mal grundsätzlich sollte das funktionieren. Ich seh nur folgendes Problem:

    Nehmen wir an, Du hast 3 Bilder nebeneinander. Diese Bilder werden im Hochformat in der mobilen Ansicht untereinander angezeigt. Wenn nun das mittlere der drei Bilder ausgeblendet werden soll, könnte man das tun. Aber was ist dann mit dem restlichen Content ? Es würde ein häßlicher Leerraum zwischen dem ersten und dem dritten Bild entstehen. Man müsste den restlichen Content dann also auch automatisch auf den freigewordenen Platz schieben, respektive wieder an die Position zurückschieben, wenn von mobiler Ansicht wieder auf Vollansicht gewechslt wird. Und genau hier wird es dann etwas schwierig, denke ich.

    Aber vieleicht hat Mario da eine zündende Idee.

  • Danke euch beiden. Schaut mal hier ergotherapie-zierenberg.de
    Etwas weiter unten sind zwei bilder zur Adresse neben google-map. auf dem desk ist das gut so aber mobil sieht das sch**ße aus und deshalb sollen die beiden bilder im mobilen bereich einfach weg sein. fort, tot, vermisst, verschollen, wech, na ihr wisst schon,,,

    Freundlichste Grüße...

    Gawainos

    P.S.: Ich meine es nie böse... ;)

  • Hallo,

    nur mal so als Denkanregung. Im Gegensatz zu "früher"™, als man noch eine eigenständige "mobile"-Site hatte, die separat pflegen musste, bietet responsive-Design ja den vorteil, dass man dies nun nicht mehr tun muss. Wenn man nun aber anfängt, bestimmte Inhalte auf kleineren Bildschirmen auszublenden, dann begibt man sich ja gedanklich in diese dunklen Zeiten zurück. Ich denke, das schreit auch nach Verwirrung beim pflegen der Inhalte (wenn Sie in 1 Jahr fragen, warum die Bilder plötzlich auf kleinen Bildschirmen nicht gezeigt werden ;-)…

    Ich würde lieber versuchen, die Seite so zu gestalten / Inhalte so anzuordnen, dass es auf kleinen Bildschirmen auch gut aussieht bzw. damit leben, wenn es mal nicht so ganz ideal ist.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!