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.5k 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.
    • S Do not disturb
      sdetweil @Guest
      last edited by

      @sean ok, that doesn’t work for me… i am not background, i am foreground. (fullscreen above).

      if I set if on the module div or on the image, I get the same extreme zoom in.

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • CyruS1337C Offline
        CyruS1337 Project Sponsor @Guest
        last edited by CyruS1337

        @sean With the module MM-Background Slideshow I have now added contain:

        {
            module: 'MMM-BackgroundSlideshow',
            position: 'fullscreen_below',
            config: {
              imagePaths: ['modules/MMM-BackgroundSlideshow/Amerika_2018'],
        	  slideshowSpeed: 5000,
              transitionImages: true,
              randomizeImageOrder: true,
        	  backgroundSize: 'contain'
            }
          },
        

        The pictures now show it in the correct size. From the pictures, which were photographed in portrait format, it does not display correctly. Funny is that certain something in portrait mode.

        https://picload.org/view/dcocdwwl/20181115_1834321.jpg.html

        https://picload.org/view/dcocdwwc/20181115_1833561.jpg.html

        ? B 2 Replies Last reply Reply Quote 0
        • ? Offline
          A Former User @CyruS1337
          last edited by

          @cyrus1337
          Each JPEG taken by modern digital camera has EXIF - direction information . Many picture viewers (in PC or Phone) can show the picture of right direction by automatic rotation with that information.

          But Most of Web Browser (including Electron/Chrome of MagicMirror) don’t have that feature yet.

          If your photos are stored in GooglePhotos or any other “SMART” clouds, the pictures will be stored with right direction when you saved. But… As I know that BackgroundSlideShow use your local directory. Browser cannot know right direction, then It display the picture as it was taken.

          I tried automatic rotation on MMM-DropboxWallpaper with EXIF, but not so satisfied. On browser level, it could’t be solved acceptably. Rotation on displaying could make unintended blank area, and Rotation of stored images on RPI needs too much CPU power.

          Solution: Rotate photos by manual with image editor in your POWERFUL PC then, save and use them.

          1 Reply Last reply Reply Quote 0
          • CyruS1337C Offline
            CyruS1337 Project Sponsor
            last edited by

            Ok, thanks for your help. I downloaded the program PhotoScape and changed the height and width of all photos. Look, there you go !! Thank you

            1 Reply Last reply Reply Quote 0
            • B Offline
              Benson @CyruS1337
              last edited by

              @CyruS1337
              Hi~ do you know how to set the “imagePaths” to the flash drive?
              Is it like the following? But it doesn’t seem to work.

              imagePaths: [‘media/pi/FlashDriveName/PhotoFolder’],

              S 1 Reply Last reply Reply Quote 0
              • S Do not disturb
                sdetweil @Benson
                last edited by

                @Benson the path MUST start in the module folder.

                so, you will need to use the ln command to link a folder in the module folder to the real media folder

                ln -s media-path folder_name

                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