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 103.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.
    • 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
                        • 1
                        • 2
                        • 5
                        • 6
                        • 7
                        • 8
                        • 9
                        • 9 / 9
                        • 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