Display the specified picture in the specified location

[史新瑞]

@sdetweil Have you ever done a similar project? Can I refer to it:folded_hands:

[sdetweil]

@史新瑞 you can look at my version of MMM-ImagesPhotos

https://github.com/sdetweil/MMM-ImagesPhotos

I center the image in the background(fullscreen_below), retaining the image dimension ratio, which css cover and contain do not.

to help with smoothing the transitions and not having blank screen, I use an onLoad() handler to hide the prior and visualize the just loaded image.

I have not tried these modifications in the middle_center mm position

[史新瑞]

@sdetweil thank you

[史新瑞]

@sdetweil I was wondering how do you set the image position in your CSS program?or automatically read fixed folder pictures and thanks for the instructions

[sdetweil]

@史新瑞

see the on-load handler , line 247 of the MMM-ImagesPhotos.js

			img.onload=  (evt) => {

[史新瑞]

@sdetweil Sorry I didn’t find line 247

[sdetweil]

@史新瑞 my version

https://github.com/sdetweil/MMM-ImagesPhotos

[史新瑞]

@sdetweil Thank you. I have downloaded your module, but there is an error when I use it. Could you please help me check it? I’m very sorry

[史新瑞]

@史新瑞
This is the config.js file

[sdetweil]

@史新瑞 error… you have to do

npm install 

in the module folder