Show a picture infont of everything with a button

duedahlb

I want a button connected to my RPI gpio I can turn on and then a picture is shown.

PLZ help me out!

doubleT

For the first part you’re probably looking for MMM-Button: https://github.com/PtrBld/MMM-Button
And I think there are several modules to show an image.

duedahlb

Can someone PLZ code it for me? I only do some HTML and CSS…

I want to show a picture infront of my magicmirror while their still loading in the background…

push once- a picture is shown over the screen
push once again, the picture goes away

doubleT

Did you check MMM-Button and do you want to use it? Is the button already connected?

btw.

show a picture infront of my magicmirror while their still loading in the background…

While what is loading in the background? I see two different things and demands here:
a) image goes on or off on button press
b) mirror starts with image and when everything is loaded, the image goes away

duedahlb

@doubleT
I have everything i need:) just not the code/module:/

i want the: A

doubleT

Ok, I wrote something that ~~could~~ … ~~should~~ … I expect to be working with MMM-Button. At the moment I don’t have a button to test it with. I’ll try to get some testing done next weekend.

MMM-FullsizeCover
Check the readme and the guide to get it running. Let me know if it works.

duedahlb

@doubleT
I dont feel the MMM-Button is giving some info… i copy paste the config fron readme, dont work…

doubleT

You can check if MMM-Button works by checking the console (not the browser console but where you type in the command to start the MM), it should write "button pressed" when you use the button.

In my JS file, add a Log.info("notification: " + notification + "; payload: " + payload + "; sender: " + sender); in line 26 and see if it comes up and what it shows.

You can check if the cover works by using the developer tools, finding the module and adding the class show-image.