This is my first attempt at setting up a MagicMirror. I am using the MMM-Carousel module to loop through four different configurations. I am not doing any fancy. I am trying to learn the basics and will then go from there. Here is my setup…

Hardware: Raspberry Pi3 built using the CanaKit, displayed on a vertical 24’’ monitor
Stock Modules: Clock, Calendar, Weather, Compliments
3rd Party Modules: MMM-NFL, MMM-GooglePhotos, MMM-Carousel
Customizations: I made updates to the CSS to change the opacity of modules, and to add rounded corners.

@KristjanESPERANTO,

Thank you! That was the issue. My eye did not catch that in the documentation. I appreciate your time and your patience.

JD.

I am using MMM-GooglePhotos. You can see some screen shots of my MM with the photos as a background here, https://forum.magicmirror.builders/topic/18217/my-first-attempt?_=1701883849212.

And here is my config for that module:

        {
            module: "MMM-GooglePhotos",
            position: "fullscreen_below",
            config: {
                albums: ["Magic Mirror", "Instagram", "Keepers"], 
                updateInterval: 1000 * 60 * 10,
                scanInterval: 1000 * 60 * 10,
                sort: "random",
                uploadAlbum: null,		
                condition: {
                    fromDate: null, 	// Or "2018-03", RFC ... format available
                    toDate: null, 		// Or "2019-12-25"
                    minWidth: null, 	// Or 400
                    maxWidth: null, 	// Or 8000
                    minHeight: null, 	// Or 400
                    maxHeight: null, 	// Or 8000
                    minWHRatio: null,
                    maxWHRatio: null
                    //  WHRatio:1			
                },
                // showWidth: 200,		
                // showHeight: 800,
                timeFormat: "YYYY/MM/DD HH:mm", // Or `relative` can be used.
            }
        },

And some custom CSS:

#GPHOTO_INFO { display: none; }

#GPHOTO_CURRENT {
	background-size: cover;
	position:absolute;
	bottom:0;

I am using MMM-GooglePhotos. You can see some screen shots of my MM with the photos as a background here, https://forum.magicmirror.builders/topic/18217/my-first-attempt?_=1701883849212.

And here is my config for that module:

        {
            module: "MMM-GooglePhotos",
            position: "fullscreen_below",
            config: {
                albums: ["Magic Mirror", "Instagram", "Keepers"], 
                updateInterval: 1000 * 60 * 10,
                scanInterval: 1000 * 60 * 10,
                sort: "random",
                uploadAlbum: null,		
                condition: {
                    fromDate: null, 	// Or "2018-03", RFC ... format available
                    toDate: null, 		// Or "2019-12-25"
                    minWidth: null, 	// Or 400
                    maxWidth: null, 	// Or 8000
                    minHeight: null, 	// Or 400
                    maxHeight: null, 	// Or 8000
                    minWHRatio: null,
                    maxWHRatio: null
                    //  WHRatio:1			
                },
                // showWidth: 200,		
                // showHeight: 800,
                timeFormat: "YYYY/MM/DD HH:mm", // Or `relative` can be used.
            }
        },

And some custom CSS:

#GPHOTO_INFO { display: none; }

#GPHOTO_CURRENT {
	background-size: cover;
	position:absolute;
	bottom:0;

@KristjanESPERANTO,

Thank you! That was the issue. My eye did not catch that in the documentation. I appreciate your time and your patience.

JD.

@KristjanESPERANTO Thank you for responding. I started working on the carouselID’s but I am struggling a bit to get that to work.

I was experimenting with both classes and carouselID:

{
            module: "MMM-Carousel",
            position: "bottom_bar", // Required to draw in position
            config: {
                mode: "slides",
                ignoreModules: ["MMM-GooglePhotos"],
                transitionInterval: 40000,
                slideTransitionSpeed: 3000,
                slides: {
                    main: ["clock", "weather"],
                    "slide2": ["clock", "weather", "compliments"],
                    "slide3": ["clock", "MMM-NFL"],
                    "slide4": [{ name: "calendar", carouselId: "cal1", classes:"cal1" }, "MMM-NFL"],
                    "slide5": [{ name: "calendar", carouselId: "cal2", classes: "cal2" }, "weather"]
                }
            }
        },

And as an example, my first calendar on the screen…

{
            module: "calendar",
            carouselId: "cal1",
            classes: "cal1",

And my second…

{
            module: "calendar",
            carouselId: "cal2",
            classes: "cal2",

@sdetweil, thank you…I will give that a try.

I am using the default Calendar module in my setup. I have two distinct entries in my config, one that shows my family calendar, and one that shows my calendar. Currently they are stacked on top of each other and both display one above the other.

I have started using MMM-Carousel to rotate modules through my display, and I’d like to show one of my calendars, and then rotate to the other.

Is there a way to reference one calendar module or the other, specifically?

This is my first attempt at setting up a MagicMirror. I am using the MMM-Carousel module to loop through four different configurations. I am not doing any fancy. I am trying to learn the basics and will then go from there. Here is my setup…

Hardware: Raspberry Pi3 built using the CanaKit, displayed on a vertical 24’’ monitor
Stock Modules: Clock, Calendar, Weather, Compliments
3rd Party Modules: MMM-NFL, MMM-GooglePhotos, MMM-Carousel
Customizations: I made updates to the CSS to change the opacity of modules, and to add rounded corners.

@MMRIZE, I appreciate you taking the time to respond. I will double check my settings, but what you are describing sounds like what I am seeing. Maybe the NFL module+This Module theory was a bit premature. I will tweak my settings, and give it a go.

Thank you for this module, it is wonderful.

I am working to get the MMM-GooglePhotos module working on my first MM project. I have noticed that I get odd refreshes of the images sometimes. An image may be displayed for 10-15 seconds, or 1-2 seconds before the next image is displayed. No rhyme. No reason.

I figured it was something I was doing wrong, but then over the weekend I installed the MMM-NFL module. Love it. Real time game updates across all divisions? Awesome. But then…I realized that my photos were no longer showing up because I hit my API peak. Huh? How?

Tonight, I experimented and removed the MMM-NFL module. My photos now refresh about every 30 seconds. My refreshInterval is set to 1000 * 60, so I thought this should be every 60 seconds, but at least I am at a consistent refresh rate.

My hypothesis is that when an NFL game is going on, the MMM-NFL module is updating like crazy, and that is triggering notifications causing other modules to fire and refresh.

As I mentioned above, this is my first foray into MM, so I may be off base…but…am I?