• 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.1k 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
    last edited by yawns Nov 14, 2018, 8:55 AM Nov 12, 2018, 7:35 PM

    Enclosed I send you the two different views. Once on the PI and once on the PC monitor.

    Bild Text

    Bild Text

    ? 1 Reply Last reply Nov 13, 2018, 8:27 AM Reply Quote 0
    • ? Offline
      A Former User @CyruS1337
      last edited by Nov 13, 2018, 8:27 AM

      @cyrus1337
      I’m not sure, I don’t know anything about backgroundSlideShow, but,

      Your pictures would be greater than resolution of screen.
      Then, your PC viewer might have resized your pictures automatically when they were shown. But backgroundSlideShow might not have that feature. However, there is a possibility of controlling by CSS. Ask to creator.

      C 1 Reply Last reply Nov 13, 2018, 8:37 AM Reply Quote 0
      • 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
                      • 1
                      • 2
                      • 3
                      • 1 / 3
                      1 / 3
                      • First post
                        6/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