Skip to main content
Participant
July 8, 2013
Answered

Can I add animated GIFs to my project and Publish as HTML5?

  • July 8, 2013
  • 1 reply
  • 3322 views

I've created several projects with Adobe Captivate 7 and have added animated GIFs to my project. When I publish, the GIF animations are only animated when played as SWF. When I play the HTML5 version the GIFs only show the first frame.

Is there a way for me to publish my Adobe Captivate project so that the GIFs are animated when viewing the HTML5 output?

This topic has been closed for replies.
Correct answer lillieestelle

I seem to have found the solution and want to update in case anyone else runs into this.

I was able to to successfully publish to HTML5 only after I DELETED all of the GIFs that were currently in my library and then reinserted them. Once I deleted the GIFs from my Captivate Library and then reinserted by clicking the Insert -> Animation menu option, I published as HTML5 and my GIFs were intact.

Please note that I had completely replaced all of my GIFs using the Insert-> Animation menu option before (in place of dragging and dropping) and this did not fix the problem. This only worked AFTER I deleted all the GIFs first.

Thanks!

1 reply

Participating Frequently
July 8, 2013

Hi Lillieestelle,

May I know how you are inserting the Gif animations into the captivate project.

Are you dragging and dropping the swf animations in to the slide ?

Please try to insert the Gif animation by clicking the Insert->Animation menu option and check the Html5 output.

Regards,

Haridoss

lillieestelleAuthorCorrect answer
Participant
July 8, 2013

I seem to have found the solution and want to update in case anyone else runs into this.

I was able to to successfully publish to HTML5 only after I DELETED all of the GIFs that were currently in my library and then reinserted them. Once I deleted the GIFs from my Captivate Library and then reinserted by clicking the Insert -> Animation menu option, I published as HTML5 and my GIFs were intact.

Please note that I had completely replaced all of my GIFs using the Insert-> Animation menu option before (in place of dragging and dropping) and this did not fix the problem. This only worked AFTER I deleted all the GIFs first.

Thanks!

daniel_sposato
Known Participant
December 3, 2014

Hey, thanks for this info! I am having issues with publishing to html5 as well with my GIF animations and was wondering about the settings of GIFs in relation to Captivate.... I made mine if Flash CC and then put them into Photoshop to properly set the BG color to transparent. The rest of my setting are as follows in the image:

I'm wondering if these settings need to be set to something in particular for them to work correctly with Captivate when it publishes to HTML5?

Thanks,

Dan


Sorry about my previous post.... I got a chance to try doing as you mentioned to get the animations to work, and it worked! Thanks for this post!!!! You made my day!