I solved it by myself. So here for the rest of the world or maybe for myself in a couple of months.

The following config is working:

{ module: 'MMM-BackgroundSlideshow', position: 'fullscreen_below', config: { imagePaths: ['modules/MMM-BackgroundSlideshow/BackgroundImages'], transitionImages: true, transitions: ['opacity'], randomizeImageOrder: true, slideshowSpeed: 500000, gradientDirection: 'both', gradient: [ "rgba(0, 0, 0, 0.00) 0%", "rgba(0, 0, 0, 0.00) 0%", "rgba(0, 0, 0, 0.00) 90%", "rgba(0, 0, 0, 0.75) 100%" ], //von oben nach unten, % = wo im Bildschirm startet es horizontalGradient: [ "rgba(0, 0, 0, 0.75) 0%", "rgba(0, 0, 0, 0) 15%", "rgba(0, 0, 0, 0.00) 85%", "rgba(0, 0, 0, 0.75) 100%" ] //von links nach rechts, % = wo im Bildschirm startet es } },

In addition, you have to change a line in the MMM-BackgroundSlideshow.js file in the getDom function (line 316)

OLD: this.createGradientDiv('right', this.config.gradient, wrapper); NEW: this.createGradientDiv('right', this.config.horizontalGradient, wrapper);

I will put this on GitHub as well.

Hi All,

In dire need of some help/advice!!

We bought the magic mirror business of its previous owners last year. However, a few serious updates are required to keep it fresh and inviting.

I am having an issue with designing new overlays for the pictures that are taken on the mirror. I do not have a mac nor adobe photoshop to edit any frame/borders and I have tried to use Paint however it has been a pain to use!

Is there anyone that can be of help with this?

Thanks,
Faz

@Piranha1605 Yeah dude I took a gander at your github and then set everything to my needs. I appreciate it!