Diego Vieria Random-Photo read image from PI ?

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