Animation property Problem

[splashsalons]

Yes, this is true... Basically this test page it has 2 animations, the first one is that one you saw...but there is another one which is not visible in Mozilla for unknown reasons... try to open the page with different browser and you will see that is working normally..

[trolly]

I tried with IE11 (and also IE10) and saw the same thing: only one animation. Chrome shows the second animation.

I found some thing (don't know how important it is):
- the first animation has a list and the animation is placed in the UL.
- the second has no list.
- the images have the style "display:none".

You should try to copy the style of the working animation.

[splashsalons]

Well, you are right in that...but still it is not working... I tried several variations that they might work but none of them worked...

Ok, lets try that one...my idea is to create an animation which you have 5 images. Each image should crossfade to the next one... In chrome any of my ideas were working... so, how should I write a code for mozilla to do the same thing?

[trolly]

I found an example.
http://css3.bradshawenterprises.com/cfimg/

In the middle there is a section "Demo with multiple images" which is what you want (I think).

[splashsalons]

Hello, well the script you presented was good, but for only crossfading between two images...

But I found out in the similar code fashion, another script which is more complex but it solves the problem once and for all!

http://stackoverflow.com/questions/14313825/multiple-image-cross-fading-in-css-without-java-script



Thank you so much for your help Trolly!

[trolly]

Not for that.