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-ImagesPhotos - Show images from a directory

    Scheduled Pinned Locked Moved Utilities
    85 Posts 26 Posters 113.3k Views 26 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.
    • Mykle1M Offline
      Mykle1 Project Sponsor Module Developer @pepebc
      last edited by

      @pepebc

      Take a look at the Hello-Lucy files. You can adapt what you find there to alex yak voice control. :-)

      Create a working config
      How to add modules

      1 Reply Last reply Reply Quote 0
      • twosquirrelsT Offline
        twosquirrels
        last edited by

        I realize this might not be the fault of the module, but many of my images display with the orientation incorrect on this module. I open them on my Mac, and the orientation is correct. I open them in the built-in image viewer on the raspberry pi, and the orientation is correct.

        I’ve tried using exiftool to remove the orientation settings entirely with no success. I also tried using exiftool to change the orientation with no success.

        My magic mirror is in portrait mode, so I wonder if that matters, but the built-in viewer has no problems.

        N 1 Reply Last reply Reply Quote 0
        • N Offline
          ninjabreadman @twosquirrels
          last edited by

          @twosquirrels So, I suspect (but cannot be certain) that this is your problem. I’ve not found great browser support for EXIF image rotation. There are a variety of command line approaches available, and even some GUI apps.

          Problem with config or JavaScript? Copy/paste it into JSHint.
          Check out the detailed walkthroughs on install, config, modules, etc.

          twosquirrelsT 1 Reply Last reply Reply Quote 1
          • twosquirrelsT Offline
            twosquirrels @ninjabreadman
            last edited by

            @ninjabreadman exiftran worked wonderfully! I used the “automatic” option and it fixed them all! Thanks!

            1 Reply Last reply Reply Quote 0
            • C Offline
              chassain 0 @Galang
              last edited by

              @Galang Hello, no news about no random ? it will be great for my configuration
              Thanks

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

                @chassain-0 ImagesPhotos already does random all the time.

                	randomPhoto: function() {
                		var photos = this.photos;
                		var index = this.randomIndex(photos);
                
                		return photos[index];
                	},
                
                
                	getDom: function() {
                		var self = this;
                		var wrapper = document.createElement("div");
                		var photoImage = this.randomPhoto();
                

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                C 1 Reply Last reply Reply Quote 0
                • C Offline
                  chassain 0 @sdetweil
                  last edited by

                  @sdetweil sorry…i would say in order

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

                    @chassain-0 ah, turn off random

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • C Offline
                      chassain 0
                      last edited by

                      yes of course…but not so easy for me…i 'm looking for :)

                      brobergB 1 Reply Last reply Reply Quote 0
                      • brobergB Offline
                        broberg Project Sponsor @chassain 0
                        last edited by

                        @chassain-0

                        I don’t know if this works but

                        	randomIndex: function(photos) {
                        		if (photos.length === 1) {
                        			return 0;
                        		}
                        
                        		var generate = function() {
                        			return Math.floor(Math.random() * photos.length);
                        		};
                        
                        		var photoIndex = generate();
                        		this.lastPhotoIndex = photoIndex;
                        
                        		return photoIndex;
                        	},
                        
                        

                        try to change return Math.floor(Math.random() * photos.length); to return Math.floor(photos.length);

                        However it’s Just a guess

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

                          @broberg no. it needs more… need to USE the this.lastPhotoIndex, and check for over the end of the list,
                          and reset the index when new list is loaded (even tho you didn’t get thru the list, as the module refreshes on a fixed time schedule (not calculated from number of images found)… I would add another config parm

                          I have a fork of this module already, but have many local changes, so cannot make another.

                          Sam

                          How to add modules

                          learning how to use browser developers window for css changes

                          1 Reply Last reply Reply Quote 0
                          • C Offline
                            chassain 0
                            last edited by

                            Hello,

                            I found this module : https://github.com/AdamMoses-GitHub/MMM-ImageSlideshow

                            Maybe a solution. I m going to test this night

                            1 Reply Last reply Reply Quote 0
                            • KamiSchamiK Offline
                              KamiSchami
                              last edited by

                              I would like to install it twice. If I just copy the folder and rename it, it won’t work anymore. Can somebody help me?

                              Real programmers never work 9 to 5. If they are around at 9 AM, it's because they were up all night.

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

                                u can try mine too
                                https://github.com/sdetweil/MMM-ImagesPhotos

                                to make images from a server the module/uploads folder needs to be replaced by a linked (ln command) to the server share folder

                                ln -s server_share uploads

                                I am very picky about how my images are displayed, no distortion allowed…
                                I also support color or blurred image fill where the image does not cover the full screen

                                Sam

                                How to add modules

                                learning how to use browser developers window for css changes

                                1 Reply Last reply Reply Quote 0
                                • KamiSchamiK Offline
                                  KamiSchami
                                  last edited by

                                  ok, it has the same name. can I rename the module for myself, the folder?

                                  Real programmers never work 9 to 5. If they are around at 9 AM, it's because they were up all night.

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

                                    @KamiSchami rename the old folder, then git clone again from my repo, fixup any config parts, make link, or move link from old folder

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    1 Reply Last reply Reply Quote 0
                                    • KamiSchamiK Offline
                                      KamiSchami
                                      last edited by

                                      🙈 ok, i will try it

                                      Real programmers never work 9 to 5. If they are around at 9 AM, it's because they were up all night.

                                      1 Reply Last reply Reply Quote 0

                                      Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                      Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                      With your input, this post could be even better 💗

                                      Register Login
                                      • 1
                                      • 2
                                      • 3
                                      • 4
                                      • 5
                                      • 4 / 5
                                      • 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