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

    Scheduled Pinned Locked Moved Solved Troubleshooting
    30 Posts 4 Posters 9.5k 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.
    • StoffbeuteluweS Offline
      Stoffbeuteluwe Project Sponsor @sdetweil
      last edited by

      @sdetweil Hi, is it possible to cover the whole screen with mmm images photos?

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

        @Stoffbeuteluwe not with my code, no

        the original code does fill the screen if u set the max height and width to the screen size

        img.style.maxWidth = this.config.maxWidth;
        img.style.maxHeight = this.config.maxHeight;
        

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        StoffbeuteluweS 2 Replies Last reply Reply Quote 0
        • StoffbeuteluweS Offline
          Stoffbeuteluwe Project Sponsor @sdetweil
          last edited by

          @sdetweil Thank you Sam 😀🙏

          1 Reply Last reply Reply Quote 0
          • StoffbeuteluweS Offline
            Stoffbeuteluwe Project Sponsor @sdetweil
            last edited by Stoffbeuteluwe

            @sdetweil hi Sam can you help me again I have tried a lot but no luck…my screensize is
            width: 1080
            high: 1920
            I don’t know how to set it the right way

            Thanks 🙏

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

              @Stoffbeuteluwe are u portrait, not landscape? original or mine?

              it should work, but ugly

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              StoffbeuteluweS 1 Reply Last reply Reply Quote 0
              • StoffbeuteluweS Offline
                Stoffbeuteluwe Project Sponsor @sdetweil
                last edited by

                @sdetweil Portrait

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

                  @Stoffbeuteluwe oops. the width/height is from the imagesSlideshow

                  this module only supports

                  backgroundSize	The sizing of the background image. Values can be:
                  cover: Resize the background image to cover the entire container, even if it has to stretch the image or cut a little bit off one of the edges.
                  contain: Resize the background image to make sure the image is fully visible
                  
                  Example: 'contain'
                  Default value: 'cover'
                  This value is OPTIONAL
                  

                  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
                    last edited by

                    also, how are you rotated? physical or CSS?

                    module does

                    			div1.style.transform="rotate(0deg)";
                    

                    then adjusts if different

                    var Orientation = EXIF.getTag(this, "Orientation");
                    				if (Orientation != null) {
                    

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    StoffbeuteluweS 1 Reply Last reply Reply Quote 0
                    • StoffbeuteluweS Offline
                      Stoffbeuteluwe Project Sponsor @sdetweil
                      last edited by Stoffbeuteluwe

                      @sdetweil I rotate with settings on my Mac
                      Settings , Monitor , Rotation 90

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

                        @Stoffbeuteluwe hm… on my virtual mac, landscape it looks ok… (backgroundsize: ‘contain’)

                        i don’t see that monitor settings option on my catalina mac vm…

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

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