This is a read-only archive of the inkscapeforum.com site. You can search for info here or post new questions and comments at 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?...
little animation using svg and css
little animation using svg and css
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.
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.
Re: little animation using svg and css
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.
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.