• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.7k 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
    shadymaple
    last edited by Dec 14, 2016, 12:06 AM

    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

    S 1 Reply Last reply Dec 14, 2016, 12:17 AM Reply Quote 0
    • S Offline
      shadymaple @shadymaple
      last edited by Dec 14, 2016, 12:17 AM

      @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.

      L 1 Reply Last reply Dec 14, 2016, 6:37 AM Reply Quote 0
      • L Offline
        LukeCodewalker Module Developer @shadymaple
        last edited by LukeCodewalker Dec 14, 2016, 6:38 AM Dec 14, 2016, 6:37 AM

        @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]

        S 1 Reply Last reply Dec 15, 2016, 2:25 AM Reply Quote 1
        • S Offline
          shadymaple
          last edited by Dec 14, 2016, 1:34 PM

          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
          • S Offline
            shadymaple
            last edited by Dec 14, 2016, 2:45 PM

            This post is deleted!
            1 Reply Last reply Reply Quote 0
            • S Offline
              shadymaple @LukeCodewalker
              last edited by Dec 15, 2016, 2:25 AM

              This post is deleted!
              1 Reply Last reply Reply Quote 0
              • L Offline
                LukeCodewalker Module Developer
                last edited by Dec 15, 2016, 6:56 AM

                @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
                • S Offline
                  shadymaple
                  last edited by Dec 15, 2016, 2:53 PM

                  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
                  		}
                  	},
                  
                  L 1 Reply Last reply Dec 15, 2016, 4:47 PM Reply Quote 0
                  • L Offline
                    LukeCodewalker Module Developer @shadymaple
                    last edited by Dec 15, 2016, 4:47 PM

                    @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
                    • S Offline
                      shadymaple
                      last edited by Dec 15, 2016, 9:02 PM

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