• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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
23 Posts 5 Posters 11.2k Views 5 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.
  • C Offline
    CyruS1337 Project Sponsor @Guest
    last edited by Nov 13, 2018, 8:37 AM

    @sean Thanks for your quick reply.

    G 1 Reply Last reply Nov 13, 2018, 8:00 PM Reply Quote 0
    • G Offline
      garbleflux Project Sponsor @CyruS1337
      last edited by Nov 13, 2018, 8:00 PM

      @cyrus1337 said in MMM-BackgroundSlideshow:

      @sean Thanks for your quick reply.

      I also use this module very successfully. Try to resize the pictures to the resolution of your screen (photoshop), normaly 1920 x 1080, 1024 x 760. Sometimes it is also necessary to set the pictures to the correct aspect ratio 16:9. For me it works fine.
      Regards Mike

      S 1 Reply Last reply Nov 13, 2018, 9:24 PM Reply Quote 0
      • S Offline
        sdetweil @garbleflux
        last edited by Nov 13, 2018, 9:24 PM

        @garbleflux i had to modify another image display module to get the correct presentation of images, no zoom in and no crop of portrait mode. does mean that some of the background shows thru, but the pictures are correctly displayed

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        C 1 Reply Last reply Nov 14, 2018, 5:26 AM Reply Quote -1
        • C Offline
          CyruS1337 Project Sponsor @sdetweil
          last edited by Nov 14, 2018, 5:26 AM

          @sdetweil And what would be your module :)

          S 1 Reply Last reply Nov 14, 2018, 4:24 PM Reply Quote 0
          • S Offline
            sdetweil @CyruS1337
            last edited by sdetweil Nov 14, 2018, 4:34 PM Nov 14, 2018, 4:24 PM

            @cyrus1337 I am using the MMM-ImagePhotos module… but I had to change the code to keep my images properly formatted…

            landscape
            https://www.dropbox.com/s/adzzi3bc7wwq8q5/IMG_20181114_102356.jpg?dl=0
            portrait
            https://www.dropbox.com/s/htxdm7b8sayqazh/IMG_20181114_102350.jpg?dl=0

            can’t get the pics to actually display here…

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • ? Offline
              A Former User
              last edited by Nov 14, 2018, 4:52 PM

              I made several modules handling photos - MMM-GooglePhotos, MMM-WeatherBackground, MMM-DropboxWallpaper,…

              All modules can display photos by its aspect-ratio with covering the target area or resizing to show whole picture.
              Try them.

              • MMM-DropboxWallpaper (https://github.com/eouia/MMM-DropboxWallpaper)

              • MMM-GooglePhotos (https://github.com/eouia/MMM-GooglePhotos)
                0_1532096406799_temp2.jpg

              S C 2 Replies Last reply Nov 14, 2018, 5:01 PM Reply Quote 0
              • ? Offline
                A Former User
                last edited by A Former User Nov 14, 2018, 5:00 PM Nov 14, 2018, 4:58 PM

                Anyway, If your module would be using img tag for showing photos, module should know the exact image size and calculate to resize it by proper target ratio.
                Instead, I prefer using Background CSS trick. background-size:cover will cover whole image to entire area of it’s element, background-size:contain will resize image to fit to target element size. Suprisingly, without any calculation.

                S 1 Reply Last reply Nov 14, 2018, 5:02 PM Reply Quote 0
                • S Offline
                  sdetweil @Guest
                  last edited by Nov 14, 2018, 5:01 PM

                  @sean how about a portrait photo sample…

                  the tv/monitor aspect ratio (16:9) doesn’t fit unless u stretch or clip the image…

                  the sunrise is 6000x4000 pixels the portrait photo is 4000x6000 (both WxH)

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  ? 1 Reply Last reply Nov 14, 2018, 5:04 PM Reply Quote 0
                  • S Offline
                    sdetweil @Guest
                    last edited by Nov 14, 2018, 5:02 PM

                    @sean but it distorts the picture, not in original format… which is what I want…

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • ? Offline
                      A Former User @sdetweil
                      last edited by Nov 14, 2018, 5:04 PM

                      @sdetweil
                      There are two options for vertical photos on horizontal screen.

                      • cover : whole screen will be covered by part of photos. but some areas(top and bottom) of photos will be out of screen

                      • contain : whole picture will be shown from bottom to top. but some remain area of screen (left and right) will be black.

                      S 1 Reply Last reply Nov 14, 2018, 5:05 PM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 1 / 3
                      1 / 3
                      • First post
                        8/23
                        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