Diego Vieria Random-Photo read image from PI ?

[Ultimatum22]

Try this module: https://github.com/Ultimatum22/MMM-RandomBackground I developed it. Should meet your requirements.

[alverman]

But where put the folder address ?
In RandomBackground.js ?

// Additional folders to find photos in

in this mode:
photoDirectories: [images]

Thanks, Alberto

[strawberry 3.141]

@alverman currently a custom path is not implemented yet.

the images should be placed in this directory MagicMirror/modules/MMM-RandomBackground/photos/

[alverman]

Ah OK !!
But when active this module in config.js I see all black !!
In photos directory I have 3 png images !!
why ?

Thanks, Alberto

[Ultimatum22]

Please post the part of the config file you have added for this module. Also did you look in the log and/or browser console? Without any info it’s near impossible to help.

[alverman]

And in dev mode I have 1 error:
failed to load http://localhost:8080/modules/RandomBackground//RandomBackground.js
resource: the server responded with a status of 404 (non found)

[Ultimatum22]

Please show your config, I am assuming your either did something wrong there. Also how did you add this module? The folder and js file are wrong, should be MMM- before it.

[alverman]

You were right !!
I had forgotten to put in the MMM- config.js
But now I have another error when I npm install I get:
Succeffully applied Snyk Patches
npm grunt-yamllint@0.2.0 WARN requires a peer of grunt@tilde0.4.0 but none installed

While in the dev box now I get:
http: // localhost: 8080 / modules / MMM-RandomBackground // node_modules / jquery / dist / jquery.min.js
Failed to load resource: the server responded with a status of 404 (not found)

my config.js is:

/* Magic Mirror Config Sample
*

• By Michael Teeuw http://michaelteeuw.nl
• MIT Licensed.
  */

var config = {
port: 8080,

language: 'it',
timeFormat: 24,
units: 'metric',

modules: [
	{
		module: 'alert',
	},
	{
		module: 'clock',		
		position: 'top_left',
		config: {
			//displayType: 'analog',
			//analogSize: '150px',
			clockBold: 'true',				
			}
	},
	{
		module: 'calendar',
		header: 'Italy Holidays',
		position: 'top_left',
		config: {
			calendars: [
			{
			symbol: 'calendar-check-o ',
			url: 'webcal://www.calendarlabs.com/templates/ical/Italy-Holidays.ics'
			}
	   		]
			}
	},
	{
		module: 'compliments',
		position: 'lower_third'
	},
	{
		module: 'currentweather',
		position: 'top_right',
		config: {
			location: 'Cremona,Europe',
			locationID: '',  //ID from http://www.openweathermap.org
			appid: 'bd58e4e078cdfc75d925db0884834114'
			}
	},
	{
		module: 'weatherforecast',
		position: 'top_right',
		header: 'Weather Forecast',
		config: {
            	location: 'Cremona,Europe',
			locationID: '5128581',  //ID from http://www.openweathermap.org
	            	appid: 'bd58e4e078cdfc75d925db0884834114'
			}
	},
	{
		module: 'newsfeed',
		position: 'bottom_bar',
		config: {
			feeds: [
			{
				title: "Repubblica",
				url: "http://www.repubblica.it/rss/cronaca/rss2.0.xml"
			}
			],
			showSourceTitle: true,
			showPublishDate: true
		}
	},
        {
	        module: 'MMM-ImageDisplay',
	        config: {
	            image: 'Amore_1.png', // Name of the image (including file extension) here, place image in '/images/' folder
	            maxWidth: '20%', // Optional, possible values: absolute (e.g. '20px') or relative ('50%')
	            maxHeight: '200%', // Optional, use absolute values (e.g. '30px', '100px')
	            },
	        position: 'bottom_right'    // This can be any of the regions.
	},
	{
		module: 'MMM-Instagram',
		position: 'top_center',
		config: {
		access_token: '3231895908.1677ed0.48b0c4acc7a74f1d86a404a4a5616457',
		count: 200,  
		min_timestamp: 0,
		animationSpeed: 5500,
		updateInterval: 12500
			}
	},

/*
{
module: ‘MMM-RandomPhoto’,
position: ‘fullscreen_below’,
config: {
opacity: 0.3,
animationSpeed: 500,
updateInterval: 60,
url: ‘…/images/Amore_1.png’
}
},
{
module: ‘MMM-Remote-Control’
, posistion: ‘bottom_left’
},
*/
{
module: ‘MMM-RandomBackground’,
position: ‘fullscreen_below’,
config:{
animationSpeed: 1000,
updateInterval: 500
}
},
]

};

/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== ‘undefined’) {module.exports = config;}

[alverman]

All OK !!

Work very well … thanks

Alberto

[alverman]

But if I wanted to see the lower right images, not as a background, for example, what should I change?

Thanks for your patience

Alberto

[Ultimatum22]

How did you fix it? This could be helpful for other people in the future. For now only full screen background is supported, I might change this in the future.

[alverman]

I did not specify what I did just because I removed and reinstalled in the form and everything worked immediately all.
For the fact that change size and position of the image I was trying to change the form css but if you tell me that there is not enough to put your hand means that this change but the issue is more complex then await the development of your work.

Congratulations for your job

Thank you, Alberto