Hi-
I am creating a DPS pub and an relying heavily on web content overlays for some of the functionality.
I use jquery quite a bit in regular web development. I have created a image flip effect that I looks/works perfectly in Mobile Safari.
When I embed in my DPS doc and upload as a folio and test it on my iPad, it doesn't really work very well. Does not show the nice smooth flipping motion that I am seeing in pubs like Popular Mechanics.
Is there some other technology that I am unaware of that is being used to get some of these amazing more advanced effects? I thought it would be jquery, I don't see how within the built-in InDesign interactivity I can accomplish this...
Any help would be so appreciated...
Shawn
Here's an example of a jquery flip effect that works fairly well. You can download and edit the code.
http://cookbooks.adobe.com/post_Create_a_Flip_Image_Effect_for_Digital _Publishing-19509.html
Thank you for the quick reply.
I did look at that example, and needed something more complex. Maybe I can start again utilizing the csstransform.pack.js.
Am I headed in the right direction in my thinking for some of the advanced effects in a pub like Popular Mechanics that jquery is the answer? Are there any guidlines that I can keep in mind when developing js code so I know what will render best in DPS on iPad? Not sure why the example given works better than the flip js I had in place - both look great in web browser. I had not used CSS3 transitions - is this the key to working with animation for DPS/iPad combo? Just trying to find the best way forward...
any insights helpful...
Hi Shawn, search apple developers site for a HTML5, CSS3 cardflip turorial. It uses the webkit 3d transform properties and only relies on a simple piece of javascript. I'm afraid I'm away from my machine at the mo where I have it book marked. Worked great for me, minimal code too and has great perspective. When Iget back to my desktop I'll hunt it down and share it with you. Regards mark
No worries, here's the link Plenty more interesting stuff in there too. https://developer.apple.com/library/safari/#samplecode/CardFlip/Introd uction/Intro.html#//apple_ref/doc/uid/DTS40007646
North America
Europe, Middle East and Africa
Asia Pacific