Bereiche
News
Rewind
Tipps & Berichte
Forum
Galerie
Journals
Events
Umfragen
Themenwoche
Kleinanzeigen
Interaktiv
Anmelden
Registrierung
Zu allen empfangenen Nachrichten
Suche...
Zur erweiterten Suche
Push-Nachrichten von MacTechNews.de
Würden Sie gerne aktuelle Nachrichten aus der Apple-Welt direkt über Push-Nachrichten erhalten?
Forum
>
Entwickler
>
CSS Slideshow Problem
CSS Slideshow Problem
dom_beta
15.09.14
18:06
Hallo!
Ich habe hier
ein interessantes Beispiel gefunden.
Nur wie bekommt man das jetzt hin, wenn die Slideshow mehr als 3 Bilder beinhalten soll?
Ich habe das mal gemacht, aber die Bilder geraten durcheinander. Das dritte Bild wird übersprungen, dann erscheint das 4. Bild und dann erst das eigentliche dritte.
Lösung? Oder gibt es ein besseres Beispiel?
Danke!
„...“
Hilfreich?
0
Kommentare
basilisk
15.09.14
18:26
Hallo dom_beta
Ich mache meine Slideshows alle mit Foto Magico 4 und kann es nur weiter empfehlen.(gibt es auch in
Deutsch)
www.boinx.com
Hilfreich?
0
dom_beta
15.09.14
18:53
Hallo,
das bei dir ist sehr wahrscheinlich Javascript-basiert. Aber genau das möchte ich aber nicht.
„...“
Hilfreich?
0
HumpelDumpel
15.09.14
19:02
dom_beta
Nur wie bekommt man das jetzt hin, wenn die Slideshow mehr als 3 Bilder beinhalten soll?
animation-duration:30s;
40s
Und dann die keyframes anpassen
@keyframes fadingAnimation01 {
0% { opacity:1;}
12% {opacity:1;}
25% {opacity:0;}
37% {opacity:0;}
50% {opacity:0;}
62% {opacity:0;}
75% {opacity:0;}
87% {opacity:0;}
100% {opacity:1;}
}
usw.
Aber ich würd ja nix verwenden, was unter IE nicht läuft...
Hilfreich?
0
dom_beta
15.09.14
19:04
HumpelDumpel
animation-duration:30s;
40s
Weil?
HumpelDumpel
Und dann die keyframes anpassen
@keyframes fadingAnimation01 {
0% { opacity:1;}
12% {opacity:1;}
25% {opacity:0;}
37% {opacity:0;}
50% {opacity:0;}
62% {opacity:0;}
75% {opacity:0;}
87% {opacity:0;}
100% {opacity:1;}
}
Nur den einen oder alle?
HumpelDumpel
Aber ich würd ja nix verwenden, was unter IE nicht läuft...
unter IE 11 geht es.
„...“
Hilfreich?
0
dom_beta
15.09.14
19:22
Also, ich habe das Beispiel inklusive Bilder mal übernommen.
Aber es funktioniert nicht:
Alles geht dort kreuz und quer durcheinander.
„...“
Hilfreich?
0
sierkb
15.09.14
19:45
,
Hilfreich?
0
Krypton
15.09.14
19:46
Mit dem Beispiel-Link sieht man nichts, da die Bilder entweder nicht auf dem Server liegen oder falsch verlinkt sind.
Zudem sind deine Keyframe-Animationen quer durcheinander, so dass keine Sinnvolle Reihe entstehen kann.
Wieviel der Besucher (vermutlich eher ältere Menschen) haben denn tatsächlich IE 11? Hast du mal einen Blick in die Statistik geworfen?
Hilfreich?
0
dom_beta
15.09.14
19:48
Krypton
Wieviel der Besucher (vermutlich eher ältere Menschen) haben denn tatsächlich IE 11? Hast du mal einen Blick in die Statistik geworfen?
Viele.
Von zwei weiß ich, dass er sein IE auf 11 aktualisiert hat, der andere verwendet Windows 8.
„...“
Hilfreich?
0
Krypton
15.09.14
20:05
@keyframes fadingAnimation01 {
0% { opacity:1;}
12% {opacity:1;}
25% {opacity:0;}
37% {opacity:0;}
50% {opacity:0;}
62% {opacity:0;}
75% {opacity:0;}
87% {opacity:0;}
100% {opacity:1;}
}
@keyframes fadingAnimation02 {
0% { opacity:0;}
12% {opacity:0;}
25% {opacity:1;}
37% {opacity:1;}
50% {opacity:0;}
62% {opacity:0;}
75% {opacity:0;}
87% {opacity:0;}
100% {opacity:0;}
}
@keyframes fadingAnimation03 {
0% { opacity:0;}
12% {opacity:0;}
25% {opacity:0;}
37% {opacity:0;}
50% {opacity:1;}
62% {opacity:1;}
75% {opacity:0;}
87% {opacity:0;}
100% {opacity:0;}
}
@keyframes fadingAnimation04 {
0% { opacity:0;}
12% {opacity:0;}
25% {opacity:0;}
37% {opacity:0;}
50% {opacity:0;}
62% {opacity:0;}
75% {opacity:1;}
87% {opacity:1;}
100% {opacity:0;}
}
rot = bild 1
grün = bild 2
blau = bild 3
orange = bild 4
Hilfreich?
0
Krypton
15.09.14
20:11
dom_beta
Krypton
Wieviel der Besucher (vermutlich eher ältere Menschen) haben denn tatsächlich IE 11? Hast du mal einen Blick in die Statistik geworfen?
Viele.
Von zwei weiß ich, dass er sein IE auf 11 aktualisiert hat, der andere verwendet Windows 8.
Also drei. Von wievielen? Auf einigen Bildern sind 22-25 Leute zu sehen, diese haben vermutlich noch Frauen und Kinder, Freunde verwandte und Bekannte. Wieviele Gemeindemitglieder gehen auf die Website um sich nach Terminen etc. zu informieren? Wieviele schauen die Theather-Mitschnitte an?
Einfach mal in die Statistik schauen, dann hast du es #000 auf #fff und kannst eine realistische Beurteilung deines Zielpublikums vornehmen.
Hilfreich?
0
dom_beta
15.09.14
21:09
Hallo Krypton,
interessant.
Krypton
@keyframes fadingAnimation01
etc ...
Und wo lag da jetzt das Salz in der Suppe?
„...“
Hilfreich?
0
dom_beta
15.09.14
21:16
hab was gefunden:
Mac OS X 605 17,80%
Windows 7 558 16,42%
Samsung 141 4,15%
iPhone 83 2,44%
Linux 77 2,27%
Windows XP 47 1,38%
Windows 8 20 0,59%
Windows Vista 18 0,53%
„...“
Hilfreich?
0
Kommentieren
Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.
Bloomberg: Komplett neues MacBook Pro kommt 202...
iOS 18.3 mit Hinweisen auf neue Apple-Hardware
Vor 18 Jahren: iPhone, Apple TV und "Apple Inc."
Top Five 2024
PIN-Code erraten: Dauer
Doch keine finalen Versionen: Apple gibt zweite...
UltraFine 6K: LG möchte Apple mit neuem 32-Zoll...
Mac OS X: 25 Jahre Aqua, 25 Jahre Dock