little animation using svg and css

Discuss SVG code, accessible via the XML Editor.
hulf2012
Posts: 716
Joined: Sat Nov 24, 2012 12:37 pm

little animation using svg and css

Postby hulf2012 » Fri Aug 09, 2013 8:56 am

Hello:
I made this drawing because i want to learn CSS and SVG. It "works " in Firefox, but not in Chrome or IE8.



https://www.dropbox.com/s/3s4udykcsfsi8i6/room2d.svg
download an open it in your browser
Even in FF doesn't work as expected. I was hoping that just putting the mouse over the image it will change, but sometimes the image blinks and returns to the first frame. Also, when I do click, i was expecting that a third frame appeared, but it blinks too fast...
Someone see the solution?...
If you have problems:
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.

User avatar
Inkspots
Posts: 232
Joined: Sat Dec 03, 2011 3:16 am

Re: little animation using svg and css

Postby Inkspots » Sun Sep 22, 2013 3:59 am

I downloaded and tried your file, and your right it doesnt work as one would hope.
The second frame appears on mouse-over just as it should, but clicking it flips you back to the first frame.
Try searching the code for the trigger events in the second and third object layers/frames to see if you can find where the error is.
it seems that the "turn on the lights" frame isnt being triggered, so the animation just skips back to the first frame.

( I will look at the code myself when I can, but unfortunately I doubt I know enough about SVG animation to be any help.)
There are others here who do understand it better, and maybe they will see this thread and offer some advice.


Return to “SVG / XML Code”

Who is online

Users browsing this forum: No registered users and 3 guests