# Images not showing up

**URL:** <https://community.prismic.io/t/images-not-showing-up/15645>\
**Category:** Developing with Prismic\
**Tags:** nextjs\
**Created:** [April 6, 2024, 10:12pm UTC](https://community.prismic.io/t/images-not-showing-up/15645 "2024-04-06T22:12:27Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![stefansnaerh](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/stefansnaerh/32/7275_2.png) [@stefansnaerh](https://community.prismic.io/u/stefansnaerh)\
**Post date:** [April 6, 2024, 10:12pm UTC](https://community.prismic.io/t/images-not-showing-up/15645/1 "2024-04-06T22:12:28Z")

</div>

I'm developing a website with nextjs and my images are not showing up on the website when I reach a certain number of images. I have made two pages with the same images.

The page below has all the images and they are not showing. I can however see them in the console but they are not showing up in the UI

> **[Garðsláttur, snjómokstur, pallasmíði og allt fyrir garðinn](https://gardherinn.netlify.app/fyrri-verkefni/haukanes)**
>
> Garðherinn er alhliða garðaþjónusta sem sér um allt sem tengist garðinum þínum

The page here below has fewer images and they are showing up. However if I add one more image they disappear like on the page above  
[https://gardherinn.netlify.app/fyrri-verkefni/haukanestest](https://gardherinn.netlify.app/fyrri-verkefni/haukanestest)

The github slice is here : [https://github.com/stefansnaerh/gardherinn-prismic/tree/main/slices/ImageSlice](https://github.com/stefansnaerh/gardherinn-prismic/tree/main/slices/ImageSlice)

Does someone know what is happening ?

---

<div class="post-metadata">

**Author:** ![Phil](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/phil/32/14_2.png) [@Phil](https://community.prismic.io/u/Phil)\
**Post date:** [April 8, 2024, 4:17pm UTC](https://community.prismic.io/t/images-not-showing-up/15645/3 "2024-04-08T16:17:48Z")

</div>

Hi Stefan,

Having looked at your website and seeing the Prismic URLs rendered along with the correct HTML, I can suppose that this looks like a big problem related to the lazy loading you've implemented in your project. (This was earlier, I'm now getting server errors on your links)

I'm not a Next.js expert, so I would think the best place to find a solution to this might be the Next.js community on Discord:

> **[Join the Next.js Discord Server!](https://discord.com/invite/nextjs)**
>
> The official Next.js Discord | 95670 members

Thanks.

---

<div class="post-metadata">

**Author:** ![stefansnaerh](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/stefansnaerh/32/7275_2.png) [@stefansnaerh](https://community.prismic.io/u/stefansnaerh)\
**Post date:** [April 9, 2024, 10:13am UTC](https://community.prismic.io/t/images-not-showing-up/15645/6 "2024-04-09T10:13:51Z")

</div>

It was my animation wrapper that was causing the problem 😅

Just changed it to a regular div container instead and voila it works like magic. Thanks for pointing me in the right direction!