# Slideshow images

**URL:** <https://community.glideapps.com/t/slideshow-images/20883>\
**Category:** Feature Requests\
**Created:** [January 8, 2021, 11:15am UTC](https://community.glideapps.com/t/slideshow-images/20883 "2021-01-08T11:15:27Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Valentine\_Madzhie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valentine_madzhie/32/11453_2.png) [@Valentine\_Madzhie](https://community.glideapps.com/u/Valentine_Madzhie)\
**Post date:** [January 8, 2021, 11:15am UTC](https://community.glideapps.com/t/slideshow-images/20883/1 "2021-01-08T11:15:27Z")

</div>

Do you guys feel we’ll get a built-in slideshow image component show?

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [January 8, 2021, 12:28pm UTC](https://community.glideapps.com/t/slideshow-images/20883/2 "2021-01-08T12:28:38Z")

</div>

This would be a great feature.

I found a CSS code that unfortunately works only on the Editor.

Maybe @ThinhDinh, @Robert_Petitto or @Lucas_Pires could help with a good trick while we wait.

I’ll post the CSS here in a little bit.

Edit: Slideshow CSS

```
<span/>
<style>
@import '//glidetools.ml/app-widgets/slideshow/1?slides=3&interval=5'
</style>

```

But as I said for me only works in the GDE.

---

<div class="post-metadata">

**Author:** ![Valentine\_Madzhie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valentine_madzhie/32/11453_2.png) [@Valentine\_Madzhie](https://community.glideapps.com/u/Valentine_Madzhie)\
**Post date:** [January 8, 2021, 1:58pm UTC](https://community.glideapps.com/t/slideshow-images/20883/3 "2021-01-08T13:58:55Z")

</div>

You probably don’t know how to hide that download dots from the audio file?

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [January 8, 2021, 2:45pm UTC](https://community.glideapps.com/t/slideshow-images/20883/4 "2021-01-08T14:45:59Z")

</div>

I do not.

---

<div class="post-metadata">

**Author:** ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)\
**Post date:** [January 8, 2021, 11:19pm UTC](https://community.glideapps.com/t/slideshow-images/20883/5 "2021-01-08T23:19:41Z")

</div>

You can use an array column no make an image carousel… Is this what you want?

---

<div class="post-metadata">

**Author:** ![Valentine\_Madzhie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valentine_madzhie/32/11453_2.png) [@Valentine\_Madzhie](https://community.glideapps.com/u/Valentine_Madzhie)\
**Post date:** [January 8, 2021, 11:26pm UTC](https://community.glideapps.com/t/slideshow-images/20883/6 "2021-01-08T23:26:09Z")

</div>

Hi Pablo

Ideally, I wanted a slideshow screen as we would have on websites where like 3 images are placed and they just rotate each time

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [January 10, 2021, 4:10am UTC](https://community.glideapps.com/t/slideshow-images/20883/7 "2021-01-10T04:10:01Z")

</div>

Maybe you could try a long GIF for a hacky workaround?

---

<div class="post-metadata">

**Author:** ![wjcv06](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wjcv06/32/12747_2.png) [@wjcv06](https://community.glideapps.com/u/wjcv06)\
**Post date:** [January 15, 2021, 11:48pm UTC](https://community.glideapps.com/t/slideshow-images/20883/8 "2021-01-15T23:48:25Z")

</div>

guys check this out @Eric_Penn, @SantiagoPerez

> **[Slides](https://nebulous-brass-7395.glideapp.io/)**

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [January 15, 2021, 11:54pm UTC](https://community.glideapps.com/t/slideshow-images/20883/9 "2021-01-15T23:54:44Z")

</div>

Nice work! You keep knocking them out of the park today ⚾

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [January 15, 2021, 11:55pm UTC](https://community.glideapps.com/t/slideshow-images/20883/10 "2021-01-15T23:55:51Z")

</div>

That’s awesome!! I haven’t been able to do that.

Care to share how you accomplished it?

---

<div class="post-metadata">

**Author:** ![wjcv06](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wjcv06/32/12747_2.png) [@wjcv06](https://community.glideapps.com/u/wjcv06)\
**Post date:** [January 15, 2021, 11:57pm UTC](https://community.glideapps.com/t/slideshow-images/20883/11 "2021-01-15T23:57:04Z")

</div>

you can copy the app 👍

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [January 15, 2021, 11:57pm UTC](https://community.glideapps.com/t/slideshow-images/20883/12 "2021-01-15T23:57:38Z")

</div>

Thanks man!!!

---

<div class="post-metadata">

**Author:** ![wjcv06](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wjcv06/32/12747_2.png) [@wjcv06](https://community.glideapps.com/u/wjcv06)\
**Post date:** [January 15, 2021, 11:59pm UTC](https://community.glideapps.com/t/slideshow-images/20883/13 "2021-01-15T23:59:15Z")

</div>

In your code you forgot to put “\< pre \>” at the beginning

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [January 16, 2021, 12:00am UTC](https://community.glideapps.com/t/slideshow-images/20883/14 "2021-01-16T00:00:36Z")

</div>

Yeah! No a code person. 🤦🏿

---

<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:** [January 16, 2021, 12:23am UTC](https://community.glideapps.com/t/slideshow-images/20883/15 "2021-01-16T00:23:04Z")

</div>

That looks great! Usually I do a gif on ezgif then use it in an image component.

---

<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:** [January 16, 2021, 12:26am UTC](https://community.glideapps.com/t/slideshow-images/20883/16 "2021-01-16T00:26:17Z")

</div>

Just curious, where do you guys pull all those glidetools.ml options from?

---

<div class="post-metadata">

**Author:** ![wjcv06](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wjcv06/32/12747_2.png) [@wjcv06](https://community.glideapps.com/u/wjcv06)\
**Post date:** [January 16, 2021, 12:31am UTC](https://community.glideapps.com/t/slideshow-images/20883/17 "2021-01-16T00:31:28Z")

</div>

I saw here in the community

---

<div class="post-metadata">

**Author:** ![Valentine\_Madzhie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valentine_madzhie/32/11453_2.png) [@Valentine\_Madzhie](https://community.glideapps.com/u/Valentine_Madzhie)\
**Post date:** [January 16, 2021, 7:09am UTC](https://community.glideapps.com/t/slideshow-images/20883/18 "2021-01-16T07:09:52Z")

</div>

Truly love this. I hope you don’t mind the question could you kindly explain how you achieved this, just so I can have a technical understanding if you dont mind

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [January 16, 2021, 12:11pm UTC](https://community.glideapps.com/t/slideshow-images/20883/19 "2021-01-16T12:11:03Z")

</div>

Hey @Valentine_Madzhie,

@wjcv06 use the same code I posted here earlier but added the tag “\< pre \>“ to it. He also mentioned that the app is copiable.

---

<div class="post-metadata">

**Author:** ![Valentine\_Madzhie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valentine_madzhie/32/11453_2.png) [@Valentine\_Madzhie](https://community.glideapps.com/u/Valentine_Madzhie)\
**Post date:** [January 16, 2021, 12:14pm UTC](https://community.glideapps.com/t/slideshow-images/20883/20 "2021-01-16T12:14:20Z")

</div>

Thank you just needed to know, for future reference appreciate the answer.

[Next page](https://community.glideapps.com/t/slideshow-images/20883.md?page=2)
