Panorama Responsive Anpassung Bildgrösse

  • Hallo zusammen,

    Wir haben da eine Frage zum obengenannten Layout.

    Auf 27" und 24" sieht das Layout fantastisch aus, jedoch auf 13" oder Tablett passt sich das Layout nicht an, bzw. die Eycatcher. Besteht die Möglichkeit, dass sich auch die Bilder dementsprechend anpassen?

    Wenn ja, wo muss ich dies einstellen?

    Es geht um folgende Seite:

    http://www.wedding-fotografen.ch

    Vielen Dank im voraus und lieben Gruss.

  • Hallo,
    im Moment leider nein, der "Witz" bei diesem Layout ist ja, dass die Header-Bilder nicht skaliert werden, sondern immer zentriert dargestellt werden und daher ggf. links und rechts abgeschnitten werden. Der Rest des Layouts sollte sich aber sehr wohl anpassen. Das Layout ist responsive.

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

  • Das haben wir auch schon bemerkt. Der Rest passt sich ja an, aber es hilft ja nicht, wenn sich der Header nicht anpasst. Könnten Sie das für einen Aufpreis für uns anpassen, dass es auf allen Bildschirmgrössen angepasst wird?

  • Hallo,

    das kommt darauf an, wie sie das haben wollen. Wenn das klar ist, können wir prüfen, ob das möglich ist und welchen Aufwand das bedeutet.

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

  • Hallo,
    können Sie das bitte per E-Mail an info@zeta-software.de anfragen? Spezifizieren Sie dabei bitte, um welches Basis Layout (Panorama Responsive) es sich handelt und wie die Bildanpassung genau passieren soll. z.B. wie breit/hoch ist das Basisbild. Was passiert, wenn das Browser-Fenster breiter gezogen wird als das Bild breit ist (soll das Bild dann vergrößert werden?)? Wie soll die Darstellung auf kleinen Bildschirmen sein (ist das Bild hier proportional skaliert, also in der Regel nicht sehr hoch)…

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

  • Hallo,

    danke für die Anfrage. Wir haben uns intern nochmal unterhalten und sind übereingekommen, das als "Schalter" im Layout einzubauen. Bis zum nächsten Update können Sie sich mit einem Trick behelfen:

    Öffnen Sie das Projekt und klicken Sie auf "Erweitert > Attribute"
    Im Button "Attribute" unten im Fenster setzen Sie bei "Alle anzeigen" einen haken.
    Bearbeiten Sie nun das Attribut mit dem Namen additional_meta und fügen Sie folgenden Text ein:

    <style>
    media only screen and (max-width: #text(header-image-width)px) {
    #header{
    min-height: 0 !important;
    }
    #headslider .flexslider ul.slides > li{
    height: auto;
    }
    #headslider .flexslider ul.slides > li > img{
    position: relative;
    top: auto;
    left: auto;
    margin-left: 0;
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    }
    .flexslider .slides > li::before, .flexslider .slides > li::after{
    display: none;
    }
    }
    </style>

    Bestätigen Sie mit OK und erstellen Sie alle Seiten neu. Nun sollte der Header wie gewünscht skalieren. Oder hatten Sie sich das anders vorgestellt?

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

  • Hallo,

    ich vermute mal, mm Button "Attribute" unten links im Fenster ist der Haken bei "Alle anzeigen" noch nicht gesetzt.

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

  • Prima. Mit dem nächsten Update wird das Layout dann im Punkt "Kopfgrafik" eine Einstellmöglichkeit namens "Darstellung" haben. Die kann man dann auf "zentriert" (fixe Größe auf die Mitte des Browserfensters zentriert) oder "skalierend" (Bild skaliert immer auf 100% der Browserfenster-Breite) stellen.

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

  • hallo wedding, habe es auch probiert und es funktioniert gut. auf welche größe hast du die kopfgrafik bzw. den header eingestellt?

Jetzt mitmachen!

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