Display the specified picture in the specified location

sdetweil

@史新瑞 what do you mean routine?

mm is a web page, using normal css and styles

there are some predefined positions. see css/main.css

史新瑞

@sdetweil example:beaming_face_with_smiling_eyes: :beaming_face_with_smiling_eyes:

史新瑞

@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