# P5.js - not displaying static gif image

**URL:** <https://discourse.processing.org/t/p5-js-not-displaying-static-gif-image/20948>\
**Category:** Coding Questions\
**Created:** [May 16, 2020, 7:33pm UTC](https://discourse.processing.org/t/p5-js-not-displaying-static-gif-image/20948 "2020-05-16T19:33:27Z")\
**Posts on this page:** 1\
**Showing post:** 9

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [May 18, 2020, 1:11am UTC](https://discourse.processing.org/t/p5-js-not-displaying-static-gif-image/20948/9 "2020-05-18T01:11:02Z")

</div>

> [@Chrissy](#):
>
> I am still not sure why gif images do not appear in any browser on my local machine.

Some notes about your posted “index.html” file:

- You’re loading the same library 2 times: the unmodified & minimized versions.
- That is, “p5.js” + “p5.min.js”, “p5.gif.js” + “p5.gif.min.js”. Should pick 1 or the other:

> [@P5.js vs p5.min.js; Which one should I use?](https://discourse.processing.org/t/p5-js-vs-p5-min-js-which-one-should-i-use/19920/2):
>
> “p5.js” - use for development: \<script async src=https://Unpkg.com/p5\>\</script\> \<script defer src=sketch.js\>\</script\> “p5.min.js” - use for deployment: \<script async src=https://cdn.JsDelivr.net/npm/p5\>\</script\> \<script defer src=sketch.js\>\</script\>

- And a more serious 1: you’re loading p5.js addon libraries before the p5.js main library!
- Here’s their correct order for each category:

```auto
<!-- p5.js main library: -->
<script defer src=https://cdn.JsDelivr.net/npm/p5></script>

<!-- p5.js addon libraries: -->
<script defer src=https://Unpkg.com/p5/lib/addons/p5.sound.min.js></script>
<script defer src=https://cdn.JsDelivr.net/p5.gif.js/latest></script>
<script defer src=https://cdn.JsDelivr.net/gh/processing/p5.accessibility/dist/p5.accessibility.min.js></script>

<!-- p5.js sketch code: -->
<script defer src=sketch.js></script>

```

- And below an online example along w/ its source code:

https://glitch.com/embed/#!/embed/gif---p5-accessibility?path=sketch.js&previewSize=0&sidebarCollapsed=true

> [@Chrissy](#):
>
> I also set “privacy.file\_unique\_origin” to `false` in Firefox as you suggested, but nothing changed.

I’ve tested my own online example locally on Firefox under the “file://” scheme and it runs OK.

---

_[View the full topic](https://discourse.processing.org/t/p5-js-not-displaying-static-gif-image/20948)._