Printable View
Hello,
I need help creating motion for my banner picture across the page. It just needs to pan or zoom (in or out) at the same frame position. I found version 11 Premium has Web Animation, but the feature actually move the entire frame, ie. Slide in from left to right when revealed.
I would like the picture movement while I place some text or logo over it.
Is this possible? Thanks for your help!
Tom
Hello Tom,
I think you can use the reveal options, but they are limited to slide in and fade effects.
Xara's animation is limited to GIF Flash or AVI, which, although fun, are dated and pose different problems for different platforms. You need something that can create universal custom seamless HTML5 animation like Hippani
So I guess to have completely misunderstood the post. :o
Do you mind to use some script? Here is an example that rotates and zooms in. Hope that I now understood what you are after.
Or is this the effect your after? Preview to veiw the effect.
And what about css animation? That works in IE10, FF16, Opera30, Chrome43, Safari9 and later.
Thanks siran! I am aware of Reveal which slide in. But not wanting to see the frame of the picture moving.
Hi siran, I like this animation. I am not html savy to do this. Also I cannot see the code at Placeholder tab. I am still using the evaluation license to see if I want to purchase this software. Thanks.Quote:
Originally Posted by siran
Hello Egg Bramhill! Thanks. This is exactly what I am looking for. Do you mind showing me how to perform this trick? Unfortunately I am not html code savy but can follow instruction. I am using evaluation license but planning to buy this soon. Is that why I cannot see the code under placeholder tab? Thanks!Quote:
Originally Posted by Egg Bramhill
You can't see the code at the placeholder because it is attached to the page head code. If I had put the code to the group Xara would have tured it into a placehoder and not exported the image of it... There is also a name given to the group so that it is exported to HTML with an ID.
So the simple answer is, no, you cannot do it with Xara, although if you have the technical expertise you can do it in Xara.Quote:
Originally Posted by siran
I guess you are right about that. But would you say it can be done with Xara if someone created a widget of it?
Here's the way I did it:
LINK to final page if you want to check on iphone/android etc
Thank you. A new picture motion widget will be nice!Quote:
Originally Posted by siran
Yes but it's more fun and creative if you do it yourself! :)
LINK
Wow! Thank you sir!!! You are so talented, and beautiful grandkids :) I appreciate you taking the effort to document this for me and the community. I wished there is an easier way if I need to change the photo constantly. But will try what you suggested. Thanks again!Quote:
Originally Posted by Egg Bramhill
Anything can be done with Xara if somebody else first creates a widget for it...Quote:
Originally Posted by siran
Thank you Egg! Your method is very flexible and the result is really great.
My skills in creating widgets are very limited, and the result would be likewise limited in flexibility and usability. But there is no need for a widget i think. There are css generators on the web that can create nice results very quickly. See the attached file for an example how to use one of them.Quote:
Originally Posted by teetham
Cheers Siran. Following your example I searched some more for css effects to recreate this, I didn't want any rotation. Came up with the following.Quote:
Thank you Egg! Your method is very flexible and the result is really great.
Egg that really looks fantastic. And it even works in the internal preview.