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