"Ken Burns-Effekt" auch im Header und beim Hintergrundbild möglich?

  • Hallo liebes Zeta-Team,

    die 13er-Version gefällt mir sehr gut. Insbesondere die Grid-Container-Einstellungen sind super und bieten auf einfache Art neue Möglichkeiten, die Homepage ordentlich aufzuhübschen. Thanx!

    Nun aber zu meiner Frage:

    Im Widget "Slider" gibt es den sehr schönen "Ken Burns-Effekt". Kann man ihn auch im Header nutzen? Und beim Hintergrundbild? Wenn ja, wie?

    Liebe Grüße und ein schönes Wochenende

    Sunny :)

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

  • Hallo Sunny,

    das kann man momentan nur durch einen manuellen Eingriff oder durch zuhilfenahme von Tools umsetzen.
    Für den Header, könnte man das u.a. mit dem WOWSlider realisieren: http://wowslider.com/de/

    Bei manchen Layouts könntest du aber auch "tricksen", wenn du den Header komplett rausnimmst, und stattdessen an der Position das Slider-Widget dementsprechend einbaust.

    Gruß
    Jochen

  • Ich bin auch wieder @Home ;) und habe gleich mal schnell Zeta13 getestet,

    wie Jochen schon schreibt kannst du anstatt des Headers auch das Slider-Widget nutzen. In den meisten Layouts kommt es hier zu größeren Abständen. Diese kannst du aber durch die neue Funktion (Inline-CSS) verringern. Diese Option bietet zB. der Slider selbst (unten auf das Mischpult und dann auf mehr), oder einen Container für den Header anlegen.

    Beispiel, hier habe ich um den Anstand zum Menü zu verringern im Slider, Inline-CSS (margin-top: -50px;) ohne Klammern eingegeben.

    Somit kann man auch den viel gehegten Wunsch die ganzen Bilder des Sliders zu verlinken umsetzen.

  • Hallo Jochen, hallo Mario,

    das ist wirklich wow! - lieben Dank für Eure Mühe - der Effekt auf der Testseite ist phantastisch!
    Das probier' ich gleich selbst aus!

    Herzliche Grüße

    Sunny :thumbup:

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

  • Hallo zusammen,

    sieht wirklich toll aus - ich bekomme es aber einfach nicht wirklich hin.

    - Kopfgrafik löschen: ok
    - Slider einfügen (Inline-CSS (margin-top: -50px;)): ok

    Slider zeigt das Bild immer in Originalgröße. Kommte das zweite Bild, wird auch das in Originalgröße angezeigt. Nehme ich ein Bild mit einer Breite von 1.024 px und arbeite mit einem Grafikprogramm Text ein, wird bei mobilen Geräten (kleinerer Bildschirm) der Slider verkleinert (soweit ok weil gewollt :) ), das Bild samt Text wird aber einfach abgeschnitten. Slider sind böse :)

    Wäre eine Schritt-für-Schritt-Anleitung machbar? 1.ooo Dank für Eure Hilfe!

    Gruß

    Michael

  • Hallo MichaelW,

    ich verstehe nicht ganz, was Sie nich hinbekommen, da Sie noch nicht erklärt hatten, was Sie eigentlich erreichen wollen. Was ist denn Ihr Ziel, was ist das Ergebnis und worin weicht es vom Ziel ab?

    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!