Hi, Andrew- Bjoern was just giving you pseudocode to convey the basic idea. A working example would be:
<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'> <image x='100' y='100' width='200' height='145' xlink:href='apache.jpg'> <animate attributeName='opacity' begin='0s' dur='4s' from='1' to='0' fill='freeze' attributeType='XML'/> </image> </svg> Here's a brief list of the relevant attributes and what they do... attributeName: the attribute or property you want to change from: the start value to: the end value begin: the start condition; might be a timed event (e.g. "10s", where s==seconds... this would be 10 seconds after the document has loaded) or a pointer event (e.g. click, mouseover), for example dur: the length of time the animation will take (must have a unit, such as "s") fill: what happens when the animation is ended ("freeze" keeps it at the animated value, "remove" takes it back to the start value) Regards- Doug [EMAIL PROTECTED] www.vectoreal.com ...for scalable solutions. Neiderer, Andrew wrote: | | Hello and thanks for responding! | | I am missing something since the following does not work. | | Any advice is appreciated. | | Thank you. | | | <?xml version='1.0' encoding='UTF-8'?> | | <!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' | 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'> | | <svg xmlns='http://www.w3.org/2000/svg' | xmlns:xlink='http://www.w3.org/1999/xlink' | viewBox='0 0 256 256' | width='800.0px' height='600.0px' preserveAspectRatio='none'> | | <!-- <use xlink:href="#AH-64D"/> --> | | <image id="AH-64D" | xlink:href="apache.jpg" | x="100.0" y="175.0" | width="50.0" height="50.0"> | <animate attributeName='opacity' begin='10.0' to='0.0s'/> | | </image> | </svg> | | _____ | From: [email protected] | [mailto:[EMAIL PROTECTED] On Behalf Of Bjoern Hoehrmann | Sent: Thursday, March 23, 2006 10:45 AM | To: [email protected] | Subject: Re: [svg-developers] animation of an image | | * Neiderer, Andrew (Civ, ARL/CISD) wrote: | >Is it possible to animate an <image>, e.g. a JPG? | > | >I have done this for motion and color. What I would like to do is | >display a JPG and them have it fade away after some period | of time, say | >10s. | Roughly | <svg:image ...> | <svg:animate attributeName="opacity" begin="10s" to="0" ... | depending on your definition of "fade".| ----- To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" ---- Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> To unsubscribe from this group, send an email to: [EMAIL PROTECTED] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
