MozillaZine

Animation property Problem

Discuss how to use and promote Web standards with the Mozilla Gecko engine.
splashsalons
 
Posts: 11
Joined: October 6th, 2014, 6:38 am

Post Posted October 24th, 2014, 1:02 am

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
Moderator

User avatar
 
Posts: 39908
Joined: August 22nd, 2005, 7:25 am

Post Posted October 24th, 2014, 2:07 am

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.
Think for yourself. Otherwise you have to believe what other people tell you.
A society based on individualism is an oxymoron. || Freedom is at first the freedom to starve.
Constitution says: One man, one vote. Supreme court says: One dollar, one vote.

splashsalons
 
Posts: 11
Joined: October 6th, 2014, 6:38 am

Post Posted October 26th, 2014, 6:12 am

Well, you are right in that...but still it is not working... :P 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
Moderator

User avatar
 
Posts: 39908
Joined: August 22nd, 2005, 7:25 am

Post Posted October 26th, 2014, 2:02 pm

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).
Think for yourself. Otherwise you have to believe what other people tell you.
A society based on individualism is an oxymoron. || Freedom is at first the freedom to starve.
Constitution says: One man, one vote. Supreme court says: One dollar, one vote.

splashsalons
 
Posts: 11
Joined: October 6th, 2014, 6:38 am

Post Posted October 28th, 2014, 2:45 am

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! :D :D :D

trolly
Moderator

User avatar
 
Posts: 39908
Joined: August 22nd, 2005, 7:25 am

Post Posted October 28th, 2014, 3:51 am

Not for that. ;-)
Think for yourself. Otherwise you have to believe what other people tell you.
A society based on individualism is an oxymoron. || Freedom is at first the freedom to starve.
Constitution says: One man, one vote. Supreme court says: One dollar, one vote.

Return to Web Development / Standards Evangelism


Who is online

Users browsing this forum: No registered users and 3 guests