Auf Thema antworten

Beitrag

[QUOTE="Sempervivum, post: 14391, member: 3917"]
Versuche das CSS so zu ändern:
[CODE]        .laufcontainer .image {

display: inline-block;

/* Das Bild wird verdoppelt aber es soll nur ein Mal sichtbar sein.
            Dazu setzen wir die Breite des Containers auf 200%. */
            width: 200%;

height: 200px;

background-image: url('images/busleft.png');

/* Das Bild muss verdoppelt werden, das tut der Browser automatisch
            wenn wir die Breite auf 50% des Containers setzen. */
            background-size: 50% auto;

}

@keyframes scroll {

0% {
                transform: translateX(0);
            }

100% {
                transform: translateX(-100%);
            }

}
[/CODE]
(Da habe ich ein eigenes Bild zum Testen genommen, musst Du ändern.)
Der Rest darüber bleibt so.
Das ist jetzt ein wenig ein Schnellschuss und verbesserungsfähig: Wünschenswert wäre, dass sich die Höhe automatisch anpasst, so dass das Bild vollständig sichtbar ist. Aber ich belasse es zunächst mal so.
[/QUOTE]

Authentifizierung