MMM-BackgroundSlideshow

[CyruS1337]

Enclosed I send you the two different views. Once on the PI and once on the PC monitor.

[A Former User]

@cyrus1337
I’m not sure, I don’t know anything about backgroundSlideShow, but,

Your pictures would be greater than resolution of screen.
Then, your PC viewer might have resized your pictures automatically when they were shown. But backgroundSlideShow might not have that feature. However, there is a possibility of controlling by CSS. Ask to creator.

[CyruS1337]

@sean Thanks for your quick reply.

[garbleflux]

@cyrus1337 said in MMM-BackgroundSlideshow:

@sean Thanks for your quick reply.

I also use this module very successfully. Try to resize the pictures to the resolution of your screen (photoshop), normaly 1920 x 1080, 1024 x 760. Sometimes it is also necessary to set the pictures to the correct aspect ratio 16:9. For me it works fine.
Regards Mike

[sdetweil]

@garbleflux i had to modify another image display module to get the correct presentation of images, no zoom in and no crop of portrait mode. does mean that some of the background shows thru, but the pictures are correctly displayed

[CyruS1337]

@sdetweil And what would be your module :)

[sdetweil]

@cyrus1337 I am using the MMM-ImagePhotos module… but I had to change the code to keep my images properly formatted…

landscape
https://www.dropbox.com/s/adzzi3bc7wwq8q5/IMG_20181114_102356.jpg?dl=0
portrait
https://www.dropbox.com/s/htxdm7b8sayqazh/IMG_20181114_102350.jpg?dl=0

can’t get the pics to actually display here…

[A Former User]

I made several modules handling photos - MMM-GooglePhotos, MMM-WeatherBackground, MMM-DropboxWallpaper,…

All modules can display photos by its aspect-ratio with covering the target area or resizing to show whole picture.
Try them.

• MMM-DropboxWallpaper (https://github.com/eouia/MMM-DropboxWallpaper)
  

• MMM-GooglePhotos (https://github.com/eouia/MMM-GooglePhotos)
  

[A Former User]

Anyway, If your module would be using img tag for showing photos, module should know the exact image size and calculate to resize it by proper target ratio.
Instead, I prefer using Background CSS trick. background-size:cover will cover whole image to entire area of it’s element, background-size:contain will resize image to fit to target element size. Suprisingly, without any calculation.

[sdetweil]

@sean how about a portrait photo sample…

the tv/monitor aspect ratio (16:9) doesn’t fit unless u stretch or clip the image…

the sunrise is 6000x4000 pixels the portrait photo is 4000x6000 (both WxH)