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_beta15.09.1418: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!
„...“
0

Kommentare

basilisk
basilisk15.09.1418: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
0
dom_beta15.09.1418:53
Hallo,

das bei dir ist sehr wahrscheinlich Javascript-basiert. Aber genau das möchte ich aber nicht.
„...“
0
HumpelDumpel
HumpelDumpel15.09.1419: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...
0
dom_beta15.09.1419: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.
„...“
0
dom_beta15.09.1419:22
Also, ich habe das Beispiel inklusive Bilder mal übernommen.

Aber es funktioniert nicht:

Alles geht dort kreuz und quer durcheinander.
„...“
0
sierkb15.09.1419:45
,
0
Krypton15.09.1419: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?
0
dom_beta15.09.1419: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.
„...“
0
Krypton15.09.1420: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
0
Krypton15.09.1420: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.
0
dom_beta15.09.1421:09
Hallo Krypton,

interessant.
Krypton
@keyframes fadingAnimation01

etc ...

Und wo lag da jetzt das Salz in der Suppe?
„...“
0
dom_beta15.09.1421: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%
„...“
0

Kommentieren

Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.