# Pdf or picture slideshow

**URL:** <https://discourse.nodered.org/t/pdf-or-picture-slideshow/71662>\
**Category:** General\
**Created:** [4 December 2022 11:16 UTC](https://discourse.nodered.org/t/pdf-or-picture-slideshow/71662 "2022-12-04T11:16:27Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![denissanga](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/denissanga/32/48346_2.png) [@denissanga](https://discourse.nodered.org/u/denissanga)\
**Post date:** [4 December 2022 11:16 UTC](https://discourse.nodered.org/t/pdf-or-picture-slideshow/71662/1 "2022-12-04T11:16:27Z")

</div>

Hi all I would create a slides how popup in node red to open pdf files or images? This is possible?

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [4 December 2022 14:15 UTC](https://discourse.nodered.org/t/pdf-or-picture-slideshow/71662/2 "2022-12-04T14:15:43Z")

</div>

> [@denissanga](#):
>
> popup in node red

What do you mean by this? Popup where?

There are lots of ways to show PDF and image files and also ways to create true web slideshows or simply rotate through showing a series of files.

So you need to explain more about what you are trying to achieve.

---

<div class="post-metadata">

**Author:** ![denissanga](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/denissanga/32/48346_2.png) [@denissanga](https://discourse.nodered.org/u/denissanga)\
**Post date:** [5 December 2022 06:57 UTC](https://discourse.nodered.org/t/pdf-or-picture-slideshow/71662/3 "2022-12-05T06:57:36Z")

</div>

Thank you,  
I would like that if operator push a button, a sort of slideshow opens in front view. in this slideshow I would like show pdf content or pictures (png or jpg). When operator click on "X" the slideshow close and main page appears again

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [5 December 2022 09:21 UTC](https://discourse.nodered.org/t/pdf-or-picture-slideshow/71662/4 "2022-12-05T09:21:26Z")

</div>

There is nothing that I know of in terms of node-red nodes that will help you with that which means that you will need to write some html/javascript to either go with Dashboard or uibuilder (which help you with data transfer and some management).

---

<div class="post-metadata">

**Author:** ![denissanga](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/denissanga/32/48346_2.png) [@denissanga](https://discourse.nodered.org/u/denissanga)\
**Post date:** [6 December 2022 18:46 UTC](https://discourse.nodered.org/t/pdf-or-picture-slideshow/71662/5 "2022-12-06T18:46:37Z")

</div>

many thanks, I tryied with some tutorials online. You thinks is possible pass to ui\_template list of file with full path "/home/pi/images/..." or "/home/pi/pdfFiles/..." in particular I mount remote folder "images" and "pdfFiles" where the remote folder is on a NAS device.

Actually I don't know ho to open pdf  
many thanks

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [6 December 2022 19:01 UTC](https://discourse.nodered.org/t/pdf-or-picture-slideshow/71662/6 "2022-12-06T19:01:11Z")

</div>

> [@denissanga](#):
>
> You thinks is possible pass to ui\_template list of file with full path "/home/pi/images/..." or "/home/pi/pdfFiles/..." in particular I mount remote folder "images" and "pdfFiles" where the remote folder is on a NAS device.

To make files accessible to a client browser, they need to be "served" using a web server. Node-RED has a basic web server built in (two actually, one for the Editor and some admin API's and one for Dashboard and http-in/-out nodes. uibuilder can use the same one as Dashboard or can create its own).

You can make files available to the browser by turning on the `httpStatic` option in settings.js. Then static files like the ones you mention can be served up from one or more folders that you specify.

> [@denissanga](#):
>
> in particular I mount remote folder "images" and "pdfFiles" where the remote folder is on a NAS device.

If node-red isn't running on the NAS, you will need to mount that remote folder on the server running node-red. As you appear to be using a Pi, you can use Samba or NFS or even an SSH mount to do that, you will need to look up the instructions for remote mounting NAS folders on Linux.

To get the browser to open a PDF file instead of downloading it, all you need to do is to give it the correct mime type - if I remember rightly, that is something like `application/pdf`. You may well find that Node-RED's `httpStatic` option does that automatically, try it and see.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [4 February 2023 19:01 UTC](https://discourse.nodered.org/t/pdf-or-picture-slideshow/71662/7 "2023-02-04T19:01:28Z")

</div>

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