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 8.6k 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 @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
                      • H Offline
                        hootzter
                        last edited by

                        @sdetweil thank you very much. I got I working with MMM-ImagesPhotos (took your config + enhanced swap size). My pictures are displayed now :).

                        Is there a chance to auto-rotate to landscape if picture orientation is portrait? Or should I use another module to do this (which one)?

                        Best regards

                        hootzter

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