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.

    Multiple instances of ImagesPhotos module

    Scheduled Pinned Locked Moved Solved Troubleshooting
    20 Posts 2 Posters 11.5k Views 2 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 @Nneuland
      last edited by

      @Nneuland yes, I said maybe the sizing was wrong. I’ll look at it.in the morning.

      I added some special code to fix the sizes so that they kept the original aspect ratio, but never tried in non full screen. I’ll see if I can turn that off easily.

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      N S 2 Replies Last reply Reply Quote 0
      • N Offline
        Nneuland @sdetweil
        last edited by

        @sdetweil

        you did. Maybe I can simply rescale my images, but if you have a work around that would be great. Just curious if it were my ignorance, or something else.

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

          @Nneuland all my fault

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

            @Nneuland ok, update

            git pull in the module folder

            make sure to set the maxHeight and width in the config

            {
                  {
                            module: "MMM-ImagesPhotos",
                            disabled: false,
                            position:"top_left",
                            config: {
                              backgroundColor: "grey",
                              fill: true,
                              blur: 10,
                              sequential: true,
                              path:"foo",
                              debug:true,
                              maxWidth:"50%",
                              maxHeight:"50%"
                            },
                            order: "*",
                            bad_position: "fullscreen"
                          },
                          {
                            module: "MMM-ImagesPhotos",
                            disabled: false,
                            position:"top_right",
                            config: {
                              backgroundColor: "blue",
                              fill: true,
                              blur: 10,
                              sequential: true,
                              path:"test1",
                              debug:true,
                              maxWidth:"500px",
                              maxHeight:"500px"
                            },
                            order: "*",
                            bad_position: "fullscreen"
                          },
            

            note 50% vs 500px produces different sizes

            Screenshot at 2023-12-17 12-18-52.jpg

            there are two different image css classes… one when full screen, one not

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            N 1 Reply Last reply Reply Quote 0
            • N Offline
              Nneuland @sdetweil
              last edited by

              @sdetweil
              This is amazing! Thank you for all of your hard work. Works perfectly

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