KenBurns-Effekt

Hallo Renate,

also wenn es sich nur um ein Bild handelt, das per "Slider-Widget" eingebunden wurde, kannst du das so ändern:

1: Geh unter Website > Einstellungen auf CSS.
2: Füge dort dann den folgenden Code ein (ohne Zahlen):

Gelöscht, da es anders besser geht..

STOP... Geht einfacher...

1.Geh in dem Widget auf "Weitere Einstellungen" unten links, der Schieberegler.
2.Gehe dann rechts auf das blaue "Mehr".
3.Füge dann dort bei "Inline-CSS" folgendes ein: animation: 1s ease-in-out 0s normal forwards 1 running kburnsright;

Der wert bei Animation (hier 1s) steuert die Geschwindigkeit des Effektes.

Die Änderung ist im ZP selbst nicht bemerkbar (warum auch immer?), aber in der Vorschau und im veröffentlichten Projekt dann schon.

Hallo Renate,

ups, das soll natürlich nicht sein, das sich das Bild vergrößert.
Kann sein, das in dem Fall die erste Variante doch besser wäre.
Hab die letzt genannte Variante nur auf die schnelle kurz angetestet, und vermutlich nicht lange genug gewartet.
Ich schau mir das morgen nochmal an, da ich mich jetzt im "Sofa-Modus" befinde

Aber eine kurze Frage dazu, hast du nur ein Bild in deinem Projekt das diesen Effekt hat, oder mehrere?
Und sehe ich das richtig, das du das im Layout Travel im Header drin haben möchtest?

-----------------------------------------------
Nachtrag (das kommende, war die erste Variante).
Versuchs mal so (davor das andere rausmachen).

1: Geh unter Website > Einstellungen auf CSS.
2: Füge dort dann den folgenden Code ein:

<style>
.zp13sliderWidget.burns ul.zp13slider > li:nth-child(2n+1) img {
animation: 3s ease-in-out 0s normal forwards 1 running kburnsright;
}
</style>

Der wert bei Animation (hier 3s) steuert die Geschwindigkeit des Effektes.

Passt es so?

Hallo Renate,

so, folgende Ergänzungen zu der Sache habe ich für dich:

1: Das es im ZP so "komisch" dargestellt wird, liegt am Internet Explorer (der für die interne Vorschau zuständig ist), der damit wohl ein Problem hat, dies schön flüssig darzustellen.
Zeta: Kann es sein das der IE im vergleich zu anderen Browsern, ein Problem mit dem KenBurns-Effekt hat?

2: Der Code von mir, bewirkt sich nur auf das erste Bild in einem Slider aus, und nicht auf die darauf folgenden!
Wenn du das auch haben möchtest, müsste man sich das nochmals ansehen.

3: Wenn du diesen Effekt nur auf einer Seite haben möchtest, dann wäre es besser den Code in das Attribut "mobile_script" der jeweiligen Seite einzufügen.
Der Weg über Einstellungen > CSS, würde das ganze Projekt betreffen.
Infos über die Attribute und deren Handhabung, findest du hier: https://docs.zeta-producer.com/attribute.html

4: Zu deiner anderen Sache (Footer): Da bitte dort (in dem Thema) nochmals was schreiben, wenn der letzgenannte Tip von Stefan (sseiz) nicht das ist, was du meinst.

Hallo,

also wenn ein Code auf der Seite sichtbar ist, dann fehlt meistens das "<" zu beginn, und/oder das ">" zum Ende des Codes.
Ein Google-Site-Verifications-Code sieht normalerweise so aus:

<meta name="google-site-verification" content="xxxxxxxxxxxxxxxxxxxxxxxxxxx" />