Forum Discussion

MartinAbildg204's avatar
MartinAbildg204
Community Member
7 days ago

GIF issue: unable to play again

Hi community

I'm running into an issue with a GIF:

I'm simulating a software interface where the user is able to navigate between different menus. When the user navigates from menu 1 to menu 2 and vice versa, objects on the interface move around, which I'm using GIFs to show, however they only work the first time the user does this. On all subsequent visits, only the last frame of the GIF is shown.

The way it is set up: the GIFs are placed on separate layers that are shown when the user switches menus. The layer properties are set to 'Reset to initial state' on revisit, which from my understanding means that the timeline plays from the beginning and all objects on the layer would be reset, including any GIFs on the layer.

I have also tried to 'hide' the GIFs before the layer is closed after first visit, but that doesn't solve the problem.

Any advice on solving this issue would be appreciated.

 

 

 

 

 

Articulate 360

4 Replies

Sort By
  • Nathan_Hilliard's avatar
    Nathan_Hilliard
    Community Member
    7 days ago

    This issue surfaces frequently here. It was supposed to be fixed not too long ago, but perhaps not. I don't use gifs due to all of the playback issues. Chrome and Firefox also seem to handle reloading the gifs differently, so the general solution becomes inelegant.

    Nonetheless, if your gif has only a single playback loop see this demo for an example of forcing it to reload after playing through. I put it on a layer, as you described. Clicking the button shows the layer and the gif. The short script on the layer reloads the gif image as it closes so it's ready to play the next time the layer is shown.

    The first line of the script needs to be updated with the object id of the specific gif image. Use the dropdown at the top of the script dialog to insert the appropriate variable and value, and make sure its name is "picture1". The rest you can leave alone

    Demo: https://360.articulate.com/review/content/da3e70f7-be4b-4283-a997-7f841d2d7102/review

      • StevenBenassi's avatar
        StevenBenassi
        Staff
        5 days ago

        Hi MartinAbildg204​!

        Glad to see Nathan has been helping you!

        In the current version of Storyline 360, I tried to recreate a similar design as to what you've shared. I added two GIFs, each on their own Slide Layer, with Buttons that are Triggered to show these Layers when clicked. I've also set my Layer properties to 'Resent to Initial State'. After publishing to Review 360, and testing in Google Chrome, both of my GIFS continued to loop when switching between them. I've attached a copy of the file I used in my testing, for your reference.

        If you're comfortable sharing the .story file that was giving you trouble, I'd be happy to take a closer look! Feel free to upload that here in the discussion or privately through a support case.

        Looking forward to hearing from you!

Related Content