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.

    Image Galery

    Scheduled Pinned Locked Moved Requests
    34 Posts 13 Posters 34.3k Views 14 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.
    • W Offline
      Woody @KirAsh4
      last edited by

      @KirAsh4 I was also looking for a picture frame module and thought MMM-RandomPhoto is what I’m looking for but it only seems to be working with unsplash.it. Therefore I would prefer the possibility to load the images from any URL, NAS or whatever. All those services like flikr or picasa are comming and going and within my infrastructure everything is more save.
      I would highly appreciate a module like this.

      1 Reply Last reply Reply Quote 2
      • M Offline
        Mephiston2K
        last edited by

        I’m interested in this kind of module since the Mirror version 1.0

        I would use it as “Stache of the day”
        Every 24 hours a different, simple comic mustache in the correct position and size will brighten up your day when standing in front of the mirror.

        zombi27Z 1 Reply Last reply Reply Quote 2
        • zombi27Z Offline
          zombi27 @Mephiston2K
          last edited by

          @Mephiston2K : haha, that’s a good one :D this would be great with 3D tracking via camera ;)

          1 Reply Last reply Reply Quote 0
          • N Offline
            nuckinfutz
            last edited by

            I’m interested in doing something similar but with random video files

            1 Reply Last reply Reply Quote -1
            • W Offline
              Woody
              last edited by

              With the origin MM version 1.0 I realized this with Scott Robbins jquery plugin ‘Backstretch’. This was realy simple to integrate and has satisfied my demands. Unfortunately I couldn’t get it running with the new MM version 2.0. Maybe someone with a higher skill level than myself may succeed. http://srobbin.com/jquery-plugins/backstretch/

              1 Reply Last reply Reply Quote 0
              • M Offline
                mikenewhouse
                last edited by

                Bump, would love the Flickr API worked in. I have it working on DAKBoard but would like to use M2

                1 Reply Last reply Reply Quote 0
                • J Offline
                  Jeff
                  last edited by

                  Is it important that it’s flickr?
                  I’m using my picture frame with instagram. I created a new instagram acc, registered as a dev and received the API.
                  The new instagram account is made private, so it’s just possible for me to see the pictures.
                  Works perfect!
                  I used this this modul:
                  https://github.com/kapsolas/MMM-Instagram

                  F M 2 Replies Last reply Reply Quote 0
                  • F Offline
                    fragator @Jeff
                    last edited by

                    @Jeff
                    I did exactly the same thing as you,
                    And it works perfectly well.
                    J adds, or removes pictures as I wish.
                    I would like to succeed to change the size of the photos on the mirror, what you do ???

                    J 1 Reply Last reply Reply Quote 0
                    • J Offline
                      Jeff @fragator
                      last edited by Jeff

                      @fragator
                      I thought that would be a quick thing ;)
                      But I can’t find the right parameters neigther…

                      I was looking at

                       getStyles: function() {
                              return ['instagram.css', 'font-awesome.css'];
                      

                      but can’t find font-awesome.css. Maybe just a file the creator forgot to delete.

                      The pictures are smaller in the mirror, than they are on instagram.
                      So there must be a parameter somewhere.

                      I’ll keep searching for them or try to add some.

                      We should go to the original thread for this modul:
                      https://forum.magicmirror.builders/topic/396/mmm-instagram-pull-and-animate-photos-from-instagram-feed

                      1 Reply Last reply Reply Quote 0
                      • J Offline
                        Jeff
                        last edited by Jeff

                        Take this one :)
                        https://github.com/jeffjoe/MMM-Instagram

                        Or just change in the config.js:

                        {
                            module: 'MMM-Instagram',
                            position: 'top_right',
                            config: {
                                access_token: '......',
                                count: 200,  
                                min_timestamp: 0,
                                animationSpeed: 5500,
                                updateInterval: 12500,
                                instaMaxWidth: '20%', // Optional parameter, can be relative (percentage) or absolute (px)
                                instaMaxHeight: '' // Optional parameter, can be absolute only (px)
                            }
                        },
                        

                        and in the MMM-instagram.js use this

                        // set the first item in the list...
                                if (this.activeItem >= this.images.photo.length) {
                                    this.activeItem = 0;
                                }
                                
                                var tempimage = this.images.photo[this.activeItem];
                                
                                // image       
                        	//imageLink.innerHTML = "<img src='https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png'>";
                                
                        
                                var imageWrapper = document.createElement("img");
                        	    imageWrapper.src = tempimage.photolink;
                        	    imageWrapper.id = "MMM-Instagram-image";
                        	    imageWrapper.style.maxWidth = this.config.instaMaxWidth;
                        	    imageWrapper.style.maxHeight = this.config.instaMaxHeight;
                        	    imageDisplay.appendChild(imageWrapper);
                                
                        
                        	wrapper.appendChild(imageDisplay);
                               
                                return wrapper;
                            },
                        

                        and for using the css file use:

                        #MMM-Instagram-image {
                            }
                        

                        e.g.:

                        #MMM-Instagram-image {
                            -webkit-filter: invert(1);
                            filter: invert(1);
                        }
                        strawberry 3.141S F 2 Replies Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 1 / 4
                        • 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