# openHAB 4 Image Gallery in Basic UI

**URL:** <https://community.openhab.org/t/openhab-4-image-gallery-in-basic-ui/160251>\
**Category:** Items & Sitemaps\
**Tags:** image, basicui\
**Created:** [November 14, 2024, 9:37pm UTC](https://community.openhab.org/t/openhab-4-image-gallery-in-basic-ui/160251 "2024-11-14T21:37:55Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Matthias\_Marx](https://community.openhab.org/user_avatar/community.openhab.org/matthias_marx/32/36960_2.png) [@Matthias\_Marx](https://community.openhab.org/u/Matthias_Marx)\
**Post date:** [November 14, 2024, 9:37pm UTC](https://community.openhab.org/t/openhab-4-image-gallery-in-basic-ui/160251/1 "2024-11-14T21:37:55Z")

</div>

Hi,

I am running an openHAB v4.2 instance on a windows machine. I am converting my telegram notifications to the new built in notifications.  
So I am looking for a way to save and show more than one image. My plan is that I send the current picture from my cam with the notification to my device - which is already working.

With a click on action I want to “jump” at a new sitemap where I can see the static picture which I have saved.  
For now it is the question if there is a way that the basicui can show some kind of a gallery of pictures if I set a folder instead of one single image url/path.

The plan is to save an image every time it rings with the time stamp so that maybe later I have a folder with approx. 50 pictures and I want to display them in a kind of a scrollable gallery in basicui on my mobile device.

possible?

---

<div class="post-metadata">

**Author:** ![rlkoshak](https://community.openhab.org/user_avatar/community.openhab.org/rlkoshak/32/75251_2.png) [@rlkoshak](https://community.openhab.org/u/rlkoshak)\
**Post date:** [November 15, 2024, 2:28pm UTC](https://community.openhab.org/t/openhab-4-image-gallery-in-basic-ui/160251/2 "2024-11-15T14:28:42Z")

</div>

I’m pretty sure this is not possible in BasicUI or with sitemaps in general.

I’m also pretty sure I’ve seen something similar for MainUI already implemented on the Marketplace.

---

<div class="post-metadata">

**Author:** ![hmerk](https://community.openhab.org/user_avatar/community.openhab.org/hmerk/32/56432_2.png) [@hmerk](https://community.openhab.org/u/hmerk)\
**Post date:** [November 15, 2024, 2:47pm UTC](https://community.openhab.org/t/openhab-4-image-gallery-in-basic-ui/160251/3 "2024-11-15T14:47:56Z")

</div>

> [@rlkoshak](#):
>
> I’m also pretty sure I’ve seen something similar for MainUI already implemented on the Marketplace.

This is - just with a few pictures - done within my “connected-car” widget, to show different pictures of the car, proviced by the API.  
The widget component to be used is a “f7-swiper-slide”

---

<div class="post-metadata">

**Author:** ![hmerk](https://community.openhab.org/user_avatar/community.openhab.org/hmerk/32/56432_2.png) [@hmerk](https://community.openhab.org/u/hmerk)\
**Post date:** [November 15, 2024, 2:50pm UTC](https://community.openhab.org/t/openhab-4-image-gallery-in-basic-ui/160251/4 "2024-11-15T14:50:48Z")

</div>

And here is another one :

> [@Photoframe - MainUI Widget](https://community.openhab.org/t/photoframe-mainui-widget/147072):
>
> Hi there, i would like to use the Rpi-Touchdisplay as Photoframe including some values (room-temperatures, etc) with the new possibilities of MainUI. First of all, i would like to have an image-carousel as there was in HabPanel. I have a cronjob, who loads three random pictures every hour from my nas and saves the pics in the static-folder. Furthermore i have an String-Item, which holds the three urls to the static pictures. Until now, i have the following code. I can show the pictures and …

---

<div class="post-metadata">

**Author:** ![Matthias\_Marx](https://community.openhab.org/user_avatar/community.openhab.org/matthias_marx/32/36960_2.png) [@Matthias\_Marx](https://community.openhab.org/u/Matthias_Marx)\
**Post date:** [November 15, 2024, 5:48pm UTC](https://community.openhab.org/t/openhab-4-image-gallery-in-basic-ui/160251/5 "2024-11-15T17:48:22Z")

</div>

ok thanks for help. Then I will build it up in the next days.
