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.

    Building an Image Module.

    Scheduled Pinned Locked Moved Development
    10 Posts 2 Posters 5.8k 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.
    • shadymapleS Offline
      shadymaple
      last edited by

      Hi everyone, we have the MagicMirror up and running, and we’ve modified a little bit, by adding our own Text and included an ESPN rss feed as well. We’d like to add an image (school logo) to our mirror. Where can I find information - quite specific information - that would show us how to build an image module? We’ve tried a few things already, but have not had success. Thanks, hope someone can assist.

      Re: Displaying a Black and White .png Image

      shadymapleS 1 Reply Last reply Reply Quote 0
      • shadymapleS Offline
        shadymaple @shadymaple
        last edited by

        @shadymaple I should add, that I did try the GitHub thing, added the Logo image and even added that to our Raspberry-Pi - I see the folder in the MagicMirror area.

        LukeCodewalkerL 1 Reply Last reply Reply Quote 0
        • LukeCodewalkerL Offline
          LukeCodewalker Module Developer @shadymaple
          last edited by LukeCodewalker

          @shadymaple

          You could just use my module and put the path of your image in the “ownImagePath” value of the config. It’s explained in the README but if you need help, let me now.
          [card:LukeSkywalker92/MMM-Globe]

          shadymapleS 1 Reply Last reply Reply Quote 1
          • shadymapleS Offline
            shadymaple
            last edited by

            Thanks, we tried that, we did get your image to display, but when we placed our image in the ownImagePath, we would just get three lines around the border of the image (left, right, bottom). Not sure…I will try attaching a picture as well to show you.

            1 Reply Last reply Reply Quote 0
            • shadymapleS Offline
              shadymaple
              last edited by

              This post is deleted!
              1 Reply Last reply Reply Quote 0
              • shadymapleS Offline
                shadymaple @LukeCodewalker
                last edited by

                This post is deleted!
                1 Reply Last reply Reply Quote 0
                • LukeCodewalkerL Offline
                  LukeCodewalker Module Developer
                  last edited by

                  @shadymaple

                  Could you please try to comment out line 61 of MMM-Globe.js and tell me if it works then?

                  1 Reply Last reply Reply Quote 0
                  • shadymapleS Offline
                    shadymaple
                    last edited by

                    To comment out, I did the ¨//¨ before that line, correct? If so, it now shows the outline of my image, but image doesn´t load. Is that maybe a GitHub issue for me - maybe I did that wrong? This part of my code in the config.js is:

                    	{
                    	 module: 'MMM-Globe',
                    	 position: 'center',
                    		 config: {
                        		style: 'geoColor',
                        		imageSize: 300,
                        		ownImagePath:'https://github.com/ddzurko/Mirror/blob/master/Gear.png',
                        		updateInterval: 10*60*1000
                    		}
                    	},
                    
                    LukeCodewalkerL 1 Reply Last reply Reply Quote 0
                    • LukeCodewalkerL Offline
                      LukeCodewalker Module Developer @shadymaple
                      last edited by

                      @shadymaple
                      ok now i got the problem.
                      can you please update the module. To do that just type git pullin the module directory (…/modules/MMM-Globe/). And in your config file you have to change your path to https://github.com/ddzurko/Mirror/blob/master/Gear.png?raw=true.
                      Then it should work.

                      1 Reply Last reply Reply Quote 0
                      • shadymapleS Offline
                        shadymaple
                        last edited by

                        This post is deleted!
                        1 Reply Last reply Reply Quote 0
                        • 1 / 1
                        • 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