MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    MMM-BackgroundSlideShow cutting off top of pics

    Scheduled Pinned Locked Moved Solved Troubleshooting
    8 Posts 3 Posters 58 Views 4 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • R Offline
      RonR
      last edited by

      I just installed MMM-BackgroundSlideShow and am really pleased with it. Only have one problem with family photos it tends to drop of the top of the picture thus removing heads. :)

      I have tried resizing and attempting to pad the top of the photo to push it down but neither solution fixed the issue. I also set max size to 1080 X 764 from the default 2160 X 1080 but most pics are still well under that max size and still cutting off heads.

      I really like the module and want to get the pics fixed before Thanksgiving when when we have family over. Any suggestion greatly appreciated.

      S 1 Reply Last reply Reply Quote 0
      • S Do not disturb
        sdetweil @RonR
        last edited by

        @RonR is the module set to fullscreen_below position?
        I don’t know more about this module

        I spent a lot of time on MMM-ImagesPhotos to keep the the photo aspect ratio, and all the picture on screen.

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        M 1 Reply Last reply Reply Quote 0
        • R Offline
          RonR
          last edited by

          Discovered that if I pulled the window in from the side it would change the size of the picture back to it’s original size and things looked normal. It’s not a good fix but it makes the pictures look much better.

          M 1 Reply Last reply Reply Quote 0
          • R RonR has marked this topic as solved
          • M Offline
            msimon360 @RonR
            last edited by

            @RonR I have the same issue. How do you “pull the window in from the side”? Can you post the module section from config.js, please?

            1 Reply Last reply Reply Quote 0
            • M Offline
              msimon360 @sdetweil
              last edited by

              @sdetweil I tried to use MMM-ImagesPhotos but could not get it to work with MMM-Carousel so I am trying MMM-BackgroundSlideShow instead.

              S 1 Reply Last reply Reply Quote 0
              • S Do not disturb
                sdetweil @msimon360
                last edited by

                @msimon360 what do you mean could not get it to work?
                can you show the config for both modules?

                I use pages, and images position:fullscreen_below

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                M 1 Reply Last reply Reply Quote 0
                • M Offline
                  msimon360 @sdetweil
                  last edited by

                  @sdetweil Thanks for the quick reply.
                  Here are the ImagesPhotos and Carousel sections of my config.js. Running this I just get a blank screen instead of the photos. I do get photos if I use top_center without Carousel.

                    {
                      module: "MMM-ImagesPhotos",
                      position: "fullscreen_below",
                      config: {
                       opacity: 0.9,
                       animationSpeed: 5000,
                       updateInterval: 15000,
                       backgroundColor: 'grey',  // not used if fill is true
                       fill: true,   // fill around image with blurred copy of image
                  	   blur: 10,   // only used if fill is true
                       sequential: false  // process the image list randomly
                       }
                    },
                    {
                      module: "MMM-Carousel",
                      config: {
                        transitionInterval: 10000,
                        showPageIndicators: true,
                        showPageControls: false,
                        ignoreModules: ["alert", "updatenotification"],
                        mode: "slides",
                        slides: [
                          ["clock", "weather", "calendar"],
                          ["MMM-ImagesPhotos"]
                       ],
                      }
                    },
                  
                  S 1 Reply Last reply Reply Quote 0
                  • S Do not disturb
                    sdetweil @msimon360
                    last edited by

                    @msimon360 and how is the configured in carousel?

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • 1 / 1
                    • First post
                      Last post
                    Enjoying MagicMirror? Please consider a donation!
                    MagicMirror created by Michael Teeuw.
                    Forum managed by Sam, technical setup by Karsten.
                    This forum is using NodeBB as its core | Contributors
                    Contact | Privacy Policy