Kopfgrafik bei Seitenwechsel ganz kurz gross zu sehen

Vielleicht auch noch in diesem Zusammenhang interessant: Mir ist aufgefallen, dass in ZP 17 bei Import eines JPG-Bildes in den Header dieses in ein PNG-Bild umgewandelt wird, und hierbei die Dateigröße auch erheblich zunimmt. Das könnte vielleicht auch erklären, warum Michaels Bild auf der Startseite 1,6 MB groß ist. Ich habe es bislang mit Locus, Top und Album reproduziert. Mache ich das gleiche Spiel unter ZP 16, so wird das Bild nicht ins PNG-Format gewandelt.

Hallo Michael,

warum nutzt Du nicht das Slider-Widget statt des Header-Widgets? Mit dem Slider-Widget tritt das von Dir beschriebene Problem nicht auf.

Header-Widget löschen, dann Slider-Widget oben im Inhaltsbereich einfügen. Dann das Widget konfigurieren (Bild einfügen, dann weiter unten links auf das Mischpult, dann unter „Darstellung“ „randlos“ aktivieren und allen anderen Schnickschnack deaktivieren. Anschließend rechts unten ein Klick auf „Mehr“. Unter „Inline-CSS“ trägst Du „margin-top: -95px“ ein. Damit rückt der Slider nach oben bis ans Hauptmenü. Wenn Du das CSS wie hier beschrieben direkt im Widget einträgst, wird diese Einstellung beim Verknüpfen des Widgets übernommen und Du musst nicht auf jeder Seite den Abstand zur Menüleiste erneut im Design-Modus angeben. Anschließend verknüpfst Du den Slider mit den gewünschten Seiten.

Nochmals zu Deinem Bild/Deinen Bildern. 1,6 MB ist recht heftig, und ich sehe auch keinen Grund für die Verwendung von PNG. PNG wäre nur nötig, wenn im Bild Transparenz gefordert wäre. Ich würde das Bild in ein JPG- oder besser noch ein WebP-Bild konvertieren. Das gilt auch für die weiteren Bilder auf der Startseite. Auch diese sind völlig überdimensioniert, sowohl die Bildgröße als auch die Dateigröße. Beim Header-/Slider-Bild würde ich Pi mal Daumen eine obere Grenz von 300 kB ansetzen, bei den Bildern darunter von 100 kB.

Das WebP-Format wird von ZP erst ab Version 17.2.0 unterstützt, daher vielleicht mal auf die aktuelle Version 17.2.2 aktualisieren.

Viele Grüße

Tom

Hallo Michael,

eine Einstellung „keine Überblendung“ gibt es im Slider-Widget leider nicht. Das lässt sich auch nicht mittels CSS erreichen. Diesen Effekt müsstest Du also in Kauf nehmen.

Ich meine da bei Dir noch eine kleine Lücke zwischen Widget und Menü zu sehen. Vielleicht mal „margin-top: -97px“ testen. Ferner solltest Du vielleicht unter „Darstellung“ die „Mindesthöhe mobil“ auf „0“ setzen. Ansonsten wird das Bild in der mobilen Ansicht beschnitten, und die erste Zeile der orangefarbenen Schrift ist nur noch teilweise sichtbar.

Da Du ja eh nur ein Bild pro Seite nutzen möchtest, wäre auch das Bild-Widget eine denkbare Alternative. Hier gibt es keine unerwünschten Überblendeffekte und es muss wohl auch kein Skript geladen werden, sofern „Bei Klick auf Bild“ „Keine Aktion“ ausgewählt ist.

Ich selber habe auf meiner Seite (Top Responsive) den bis dato genutzten Slider einfach durch ein Bild-Widget ersetzt, und dieses mittels „zpBreakout“ als CSS-Klasse auf randlos gestellt. Das funktioniert in Deinem Layout, Locus Responsive, leider nicht so einfach. Hier bricht das Bild zwar links aus, rechts verbleibt aber eine Lücke. Hier müsste uns vielleicht mal ein mitlesender CSS-Crack helfen, falls Du auf das Bild-Widget umstellen willst.

Viele Grüße

Tom