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
    9 Posts 3 Posters 61 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.
    • S Offline
      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 Online
        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?

          R 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 Offline
              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 Offline
                  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
                  • R Online
                    RonR @msimon360
                    last edited by

                    @msimon360 To pull the window in from the sides I grabbed the right edge of the window and dragged it to the left. The pictures started to change from the wide format to their original dimensions. I was setting it up to run all day with family on Thanksgiving and that was not a viable solution for each frame.

                    So I changed to MMM-ImagesPhotos. Had a problem with it to start with where it did not display anything. I am running it is ‘fullscreen-under’ it presents smaller format pictures in their actual size instead of enlarging them to full screen and cutting off heads. The problem with no pictures was when I set the path to the ‘uploads’ directory in config.js the system concatenated the string three times and could not find the path, I wonder why? :) I found that problem by going back into the logs to find the error in the module setup. I went back into config.js and deleted my entry for the path and left it with an empty string “”. Then all my pictures popped up like they were supposed to.

                    Yes, Sam, I had to manually go into the config.js because MMM-Config/configure would not reset it when I cleared the entry on the form.

                    I am really happy with MMM-ImagesPhotos. I was going to suggest putting an option to display the file name on the picture but I got around it by annotating the pics with names for family that has not met those in the pics. It worked much better than depending on the file name.

                    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