MMM-ImagesPhotos

[Ray]

So I decided to try MMM-ImagesPhotos And when I installed it in my magic manor everything went very well, but
now my MMM-TouchButton Doesn’t want to function
I have no clue here why this is happening and to verify it I removed
MMM-ImagesPhotos And the MMM-TouchButton Worked once again
Am I missing something here I tried to slow down the reloading of the images and that didn’t seem to work
Here are the two configurations that I’m currently using

{
			disabled: false,
			module: "MMM-ImagesPhotos",
			position: "middle_center",
			config: {
			 opacity: 0.9,
			 animationSpeed: 7000,
			 updateInterval: 7000,
			 maxHeight: "500px",
			 maxWidth:"500px",
			 sequential: false  // process the image list randomly
			}
		},
        {
		   // all .SH files Must be simple no dashes of any kind just names
		   // and they must be in the MMM-TouchButton script folder
		   // to execute a script file like stop.sh
		   // put ./ in front of stop.sh
		   
		   disabled:  false,
		   module: "MMM-TouchButton",
		   header: "Controls  MagicMirror",
		   position: "top_left",
		   config: {
			buttons: [
			{
			  name: "stop_MagicMirror",
			  icon: "fa fa fa-power-off",
			  command: "pm2 stop MagicMirror",
			  args: ""
			 },
			 {
			  name: "Minimize_MagicMirror",
			  icon: "fa fa-window-minimize",
			  command: "wmctrl -k on",                 // this actually minimizes all active windows
			  args: ""
			 },
			 {
			  name: "Snow",
			  icon: "fa fa-snowflake-o",
			  notification: "MODULE_TOGGLE",
			  payload: {hide: [], show: [], toggle:[]}
			 },
			]
		  },
		},

The settings in MMM-ImagesPhotos Are the default settings
any help would be appreciated

[Ray]

@sdetweil thanks to all of your help I found the solution
It took a while to figure it out but all I had to do was add
position: relative;
on top of z-index: 5;
and it works perfectly

.MMM-TouchButton {
	position: relative;
	z-index: 5;
}

Thanks for all of your help this room is awesome

[sdetweil]

@Ray what is your touchbutton config

[Ray]

@sdetweil I’m not sure I understand the question The configuration I included in my question up above hereWhat more would you like

[sdetweil]

@Ray sorry, didn’t hit the config to scroll

Buttons top left
Images middle center
One thing you could do is set the background of the top-left to see where it is, middle-center is left edge to right edge.
I think it is on top of top left, closer to you as the user

You might have to force z-index on buttons to get it in front/on top of middle-center

.MMM-TouchButton {
    z-index:5;
}

Positive number closer to user,
negative number is further away.
0 is the normal baseline

That also means the buttons will show on top of the images

[Ray]

@sdetweil Sorry I haven’t replied until now
thanks for the info I will certainly give this a try and feels that helps
I actually have the program opened up right now I’m going to add it and see what happens

[Ray]

@sdetweil Well I just tried it and unfortunately did not work
when the picture shows up the MMM-TouchButton doesn’t want to function

[sdetweil]

@Ray ok try this in custom.css

img #mmm-images-photos { 
   z-index:-1
}

[Ray]

@sdetweil thanks to all of your help I found the solution
It took a while to figure it out but all I had to do was add
position: relative;
on top of z-index: 5;
and it works perfectly

.MMM-TouchButton {
	position: relative;
	z-index: 5;
}

Thanks for all of your help this room is awesome

[Ray]

I will continue to test it but I don’t see any problems

[sdetweil]

@Ray awesome!!!