HI , I want to display in the dashboard, a slideshow gallery like this : https://www.w3schools.com/howto/howto_js_slideshow_gallery.asp The pictures a stored in the raspberry with NodeRed, by surveillance cameras during movement. What code should I use to find the images in a raspberry folder? …

Dashboard slideshow This flow based on the @Andrei flow above : creates a slideshow in the Dashboard with pictures from a local directory in your Raspberry pi. The slideshow is controlled by nod-red dashboard buttons. Features You can play and pause the slideshow. Go to next/previous , last/first…

[image] SuperNinja: http://127.0.0.1:1880/node-red-static/camAlerte/cam.jpg Cool. In regards to the static folder access this should work http://127.0.0.1:1880/node-red-static/camAlerte/cam.jpg but only if you opened the browser in the same machine that runs Node-RED: If you opened the br…

[image] Andrei: In regards to the static folder access this should work http://127.0.0.1:1880/node-red-static/camAlerte/cam.jpg but only if you opened the browser in the same machine that runs Node-RED: :thinking: this is chromium in the raspberry , where Node-red run : [image]

@andrei , my slideshow is starting to take shape, :star_struck: <style> #Slide_Slideshow md-card { background-image : url(/camAlerte/{{payload}}); background-repeat: no-repeat; background-position: bottom; background-size: 100% auto ; } </style> <body></body> [image] but by putting t…

Indeed, it is getting cool. Fixing the issue should not be difficult. I need to do some testing as there are at least three different solutions that comes to my mind. The first one, and probably the quickest one, would be to put the widgets in different groups. You would leave only the template node…

@Andrei , Thanks for support. I modified it to remove the dependency of MQTT. It works very good. However, I tried to changed the group of the template to another tab. It did not work. It seems that the template is linked to the "slide" tab and to the "Slideshow" group. Can you explain how? so that, …

Thank you for your support. The provided link does not work https://discourse.nodered.org/t/ir-detector-the-project-that-grew-and-grew/473

Try this link... [image] IR Detector - the project that grew and grew Share Your Projects The project that 'grew and grew'. Here's a link to an instruction sheet, for my IoT students, on how to interface an InfraRed (IR) detector to a WeMos D1 Mini.. Note: This exercise …

[image] newbie: I tried to changed the group of the template to another tab. It did not work. It seems that the template is linked to the "slide" tab and to the "Slideshow" group. Can you explain how? You are right indeed. You have to find the template node named "Slideshow Grid" and do a sma…

Thanks @Andrei . It did work after changed as you mentioned. to recap for future: Changing the below line in the "Slideshow Grid" node in the flow #Slide_Slideshow md-card { to #TAB_GROUP .nr-dashboard-template { where TAB is the the tab name. And, GROUP is the group name.

:white_check_mark: Probably best to cut/paste just that last post into the #share-your-projects area

Node-RED

Node-RED Forum

[SOLVED] Help with Dashboard slideshow gallery

Dashboard

dynamicdave 23 February 2020 12:45 21

Try this link...

I think you missed the last digit (i.e. 8) off of the link you posted.

Topic		Replies	Views
Dashboard slideshow gallery Share Your Projects	0	2369	26 February 2020
DashBoard photo slide thing? maybe slidshow? Dashboard	3	506	20 May 2021
Image from RPi to dashboard Dashboard	33	2258	25 February 2021
Photo slide error Dashboard	5	694	2 October 2021
Getting image in dashboard Dashboard	50	52099	17 February 2019

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

[SOLVED] Help with Dashboard slideshow gallery

Related topics