• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Background Slideshow von Tympanus

htmlcssphp

Neues Mitglied
Hallo zusammen,
ich bin mir nicht sicher wo genau mein Problem liegt, daher poste ich es mal hier im CSS-Subforum.
Wenn es falsch sein sollte, den Thread bitte verschieben. Danke!

Also ich möchte die Slideshow von Mary Lou etwas anpassen: http://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slideshow-with-css3/

In der Vorlage besteht die Slideshow aus 6 Bildern inkl. Beschriftung.
Ich würde gerne 17 Bilder inkl. Beschriftung verwenden.

Momentan sieht es bei mir so aus: http://marvin.koeln/test/
1) Ab Bild 7 überlagern sich die Schriften.
Ich nehme an, dass die Beschriftungen ab Bild 1 wieder hinzu kommen.
2) Sobald die Slideshow durch ist, fängt sie nicht wieder von vorne an.
In der Endlosschleife befinden sich nur die letzten 6 Bilder.

Ich habe da wohl einiges vergessen anzupassen, weiß aber leider nicht was.

Die Dateien sind leider zu lang um Sie hier einzufügen.
Daher hier die Links:

style1.css: http://marvin.koeln/test/css/style1.css
demo.css: http://marvin.koeln/test/css/demo.css
medernizr.custom.86080.js: http://marvin.koeln/test/js/modernizr.custom.86080.js

Eine kleine Zusatzfrage hätte ich noch:
Was machen
animation: imageAnimation 36s linear infinite 0s;
und
animation: titleAnimation 36s linear infinite 0s;
Zeile 28 und 43 in der style1.css?

Sobald ich die Werte erhöhe verlangsamt sich die gesamte Slieshow.
Nach meinem Verständnis müsste ich die Dauer der Slidshow dort aber doch auf 96 Sekunden erhöhen, oder nicht?

Ich hoffe ihr könnt wir weiter helfen.
Vielen Dank!
 
Also eine Slideshow mit 17 Bildern halte ich für entas übertrieben. Du kannst deine Bilder vom Hausbau auch anders darbieten.
Wenn nicht, musst du die Zeit der Animation von 36s auf 96s stellen. Vielleicht funktioniert's ja dann. Mein Browser hat jedenfalls gestreikt. Kein gutes Zeichen für Besucher.
 
Zurück
Oben