# Best way of creating this? (Image Scrolling Feature)

**URL:** <https://community.thunkable.com/t/best-way-of-creating-this-image-scrolling-feature/3553346>\
**Category:** Questions about Thunkable X\
**Created:** [February 9, 2025, 3:08pm UTC](https://community.thunkable.com/t/best-way-of-creating-this-image-scrolling-feature/3553346 "2025-02-09T15:08:44Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![grant.mccallum](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/grant.mccallum/32/210541_2.png) [@grant.mccallum](https://community.thunkable.com/u/grant.mccallum)\
**Post date:** [February 9, 2025, 3:08pm UTC](https://community.thunkable.com/t/best-way-of-creating-this-image-scrolling-feature/3553346/1 "2025-02-09T15:08:44Z")

</div>

Hi all,

I am looking to create this effect:

 ![Screenshot 2025-02-09 145946](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/6/f6ecc805155ca7ed985ef26447206c9d93460fde.png)

This allows the user to press either arrow key to scroll through a list of images that are saved as media files.

My current setup is that the user presses either button which causes the central image displayer to switch itself to displaying the next image in a list of stored media files. There’s a brief lag-period where the display changes to a black screen before it loads the new image in its place. Once it has loaded an image, it can flick back (with the left arrow) to previously loaded images with no lag at all but this will happen for all new images loaded. I’m not super happy with the effect.

Is there a better way of creating this? Is there a more efficient method (less block-intensive)?

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [February 9, 2025, 5:34pm UTC](https://community.thunkable.com/t/best-way-of-creating-this-image-scrolling-feature/3553346/2 "2025-02-09T17:34:06Z")

</div>

I would use a data viewer list or data viewer grid for that. You can also try the method described here:

• [Add Horizontal Scrolling to your Projects](https://community.thunkable.com/t/add-horizontal-scrolling-to-your-projects/1716051)  
• [Horizontal Scrolling in Data Viewer Grid also scrolls Vertically](https://community.thunkable.com/t/horizontal-scrolling-in-data-viewer-grid-also-scrolls-vertically/1759856)

---

<div class="post-metadata">

**Author:** ![grant.mccallum](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/grant.mccallum/32/210541_2.png) [@grant.mccallum](https://community.thunkable.com/u/grant.mccallum)\
**Post date:** [February 9, 2025, 7:27pm UTC](https://community.thunkable.com/t/best-way-of-creating-this-image-scrolling-feature/3553346/3 "2025-02-09T19:27:49Z")

</div>

Thanks tatiang, these are exactly what I’m looking for although it looks like both the links have expired to the projects you posted.

Any chance you could send refreshed ones?

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [February 9, 2025, 8:32pm UTC](https://community.thunkable.com/t/best-way-of-creating-this-image-scrolling-feature/3553346/4 "2025-02-09T20:32:23Z")

</div>

Here’s one: [Thunkable](https://x.thunkable.com/copy/042ffbdb95dec5783e687c8115d09d66)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [May 10, 2025, 8:32pm UTC](https://community.thunkable.com/t/best-way-of-creating-this-image-scrolling-feature/3553346/5 "2025-05-10T20:32:24Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.