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
    12 Posts 3 Posters 383 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 @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

      msimon360M 1 Reply Last reply Reply Quote 0
      • msimon360M 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

          msimon360M 1 Reply Last reply Reply Quote 0
          • R Offline
            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.

            S 2 Replies Last reply Reply Quote 0
            • msimon360M Offline
              msimon360 @sdetweil
              last edited by msimon360

              @sdetweil I didn’t get that by pages you ment the module pages in place of Carousel. I tried your pages module and it is displaying only the first photo. Here is my new config.js section.
              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-pages”,
              config: {
              rotationTime: 1000 * 10, // rotate every 20 seconds
              modules: [
              [“clock”], // page 1
              [“MMM-ImagesPhotos”], // page 2
              ],
              fixed: [ // modules that are always shown
              “MMM-page-indicator”
              ],
              hiddenPages: { // modules that are only shown on specific pages
              “screenSaver”: [
              “clock”,
              “MMM-SomeBackgroundImageModule”
              ],
              “admin”: [
              “MMM-ShowMeSystemStatsModule”,
              “MMM-AnOnScreenMenuModule”
              ]
              }
              }
              },

              1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @RonR
                last edited by

                @RonR said in MMM-BackgroundSlideShow cutting off top of pics:

                ‘fullscreen-under’

                fullscreen_below

                if it was under, then MM should have put out a message with ‘unknown position’ in the startup messages and that module will not be loaded

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • S Offline
                  sdetweil @RonR
                  last edited by

                  @RonR said in MMM-BackgroundSlideShow cutting off top of pics:

                  MMM-ImagesPhotos

                  doesn’t have a path property it is hard coded to ‘uploads’

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • 1
                  • 2
                  • 1 / 2
                  • 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