David, Thank you very much for the suggestion. But I am doing in bit different way, lets suppose the code as: <svg:svg height="320px" width="320px"> <svg:g> <svg:image id="img" xlink:href="image/1.jpg" x="0" y="0" height="320px" width="320px" /> <svg:animateTransform id="anime" attributeType="XML" attributeName="transform" type="translate" begin="0s" from="0 320" to="0 0" dur="0.5s" fill="freeze" /> </svg:g> </svg:svg>
First time, it works properly for image/1.jpg but when I update the image to image/2.jpg (on "Next" button click event), the image/2.jpg is not using the previous animation. As in SMIL, there is function beginElement() which is used for reload the animation. I am still wondering how to fix it for iPhone as it is not supported. Thank you in advance. Narendra --- In [email protected], "David Dailey" <ddailey@...> wrote: > > Sure. Use setTimeout or setInterval in JavaScript to repeatedly do stuff > (create or delete elements and modify attributes) and then update the > screen. > > > > Here are some examples: http://srufaculty.sru.edu/david.dailey/svg/#JSAnim > > > > Hope this helps > > David > > > > From: [email protected] [mailto:[email protected]] > On Behalf Of Narendra > Sent: Tuesday, September 06, 2011 2:22 AM > To: [email protected] > Subject: [svg-developers] How to handle animation event without SMIL > > > > > > Hello, > > I am new and having problem with creating interaction inline SVG (xhtml). > There are events to manually start/end animation in SMIL like > beginElement(), endElement but as SMIL is not supported to iPhone I can't > use them. > > So without using SMIL, is there any way of manipulating images in SVG? I am > trying to add/modify images dynamically and its animation attributes when > button is pressed. > > Thank you in advance. > > > > > > [Non-text portions of this message have been removed] > ------------------------------------ ----- 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/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: [email protected] [email protected] <*> 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/
