# Help me create a Full page of animated gifs and advance to next image

**URL:** <https://community.glideapps.com/t/help-me-create-a-full-page-of-animated-gifs-and-advance-to-next-image/64640>\
**Category:** Ask for Help\
**Tags:** actions\
**Created:** [August 2, 2023, 9:25pm UTC](https://community.glideapps.com/t/help-me-create-a-full-page-of-animated-gifs-and-advance-to-next-image/64640 "2023-08-02T21:25:41Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rene\_Bibaud](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rene_bibaud/32/1217_2.png) [@Rene\_Bibaud](https://community.glideapps.com/u/Rene_Bibaud)\
**Post date:** [August 2, 2023, 9:25pm UTC](https://community.glideapps.com/t/help-me-create-a-full-page-of-animated-gifs-and-advance-to-next-image/64640/1 "2023-08-02T21:25:41Z")

</div>

I’m trying to recreate this inside glide

I was previously using web embed but the lazy load on my website meant you couldn’t view all images at once.

The goal is for a full page of animated gifs be shown one one screen.

Bonus points if we can filter the images into categories. But not mandatory

When image is clicked it gets enlarged and then from enlarged view, user can swipe to next image in the previous image.

Here’s the website that does this. I’m struggling with load times when Wi-Fi is bad. I will try to compress images more.

The goal is for kids to see a big list of jump rope tricks and choose what they want to practice.

[https://learntojumprope.com/gifsforglide](https://learntojumprope.com/gifsforglide)

Here’s my current glide page:

> **[Jump Rope Skill Builders](https://jump-rope-skills-builders.glide.page/)**
>
> The Art of Teaching Jump Rope

Click on all videos

Also how can I get images to load faster in general.

Thanks gliders!!!

Rene

---

<div class="post-metadata">

**Author:** ![Rene\_Bibaud](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rene_bibaud/32/1217_2.png) [@Rene\_Bibaud](https://community.glideapps.com/u/Rene_Bibaud)\
**Post date:** [August 2, 2023, 9:26pm UTC](https://community.glideapps.com/t/help-me-create-a-full-page-of-animated-gifs-and-advance-to-next-image/64640/2 "2023-08-02T21:26:27Z")

</div>

Correction. I meant to say “or “ next image.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [August 4, 2023, 12:51am UTC](https://community.glideapps.com/t/help-me-create-a-full-page-of-animated-gifs-and-advance-to-next-image/64640/3 "2023-08-04T00:51:27Z")

</div>

> [@Rene\_Bibaud](#):
>
> The goal is for a full page of animated gifs be shown one one screen.

I think you would always struggle with this. I think GIFs, that are at a viewable quality, would still bring your load time up considerably. Even on your website, it takes a long time for me to load all GIFs.

---

<div class="post-metadata">

**Author:** ![Rene\_Bibaud](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rene_bibaud/32/1217_2.png) [@Rene\_Bibaud](https://community.glideapps.com/u/Rene_Bibaud)\
**Post date:** [August 4, 2023, 1:17am UTC](https://community.glideapps.com/t/help-me-create-a-full-page-of-animated-gifs-and-advance-to-next-image/64640/4 "2023-08-04T01:17:52Z")

</div>

Shoot. Ok I guess short videos would be worse then right?

The goal is to show a lot of tricks all at once so kids can choose what to work on.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [August 4, 2023, 1:22am UTC](https://community.glideapps.com/t/help-me-create-a-full-page-of-animated-gifs-and-advance-to-next-image/64640/5 "2023-08-04T01:22:48Z")

</div>

Would the experience be much worse if they have to click to play the videos? If it’s not, you can use video components.

---

<div class="post-metadata">

**Author:** ![Rene\_Bibaud](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rene_bibaud/32/1217_2.png) [@Rene\_Bibaud](https://community.glideapps.com/u/Rene_Bibaud)\
**Post date:** [August 4, 2023, 3:05am UTC](https://community.glideapps.com/t/help-me-create-a-full-page-of-animated-gifs-and-advance-to-next-image/64640/6 "2023-08-04T03:05:12Z")

</div>

yes, they should all be viewable at once. hmm.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [August 4, 2023, 3:12am UTC](https://community.glideapps.com/t/help-me-create-a-full-page-of-animated-gifs-and-advance-to-next-image/64640/7 "2023-08-04T03:12:51Z")

</div>

A custom collection with a video component embedded within the list would be very similar. The just have to click on the video to play it within the list. There really wouldn’t be a previous or next, but other than that I think the experience would be fine.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [August 5, 2023, 12:43am UTC](https://community.glideapps.com/t/help-me-create-a-full-page-of-animated-gifs-and-advance-to-next-image/64640/8 "2023-08-05T00:43:50Z")

</div>

> [@Rene\_Bibaud](#):
>
> yes, they should all be viewable at once

That leaves GIF as the only possible solution I think. I don’t have any other recommendations other than making it as small as possible and making sure the quality is still good enough.
