The current setup of the module does not allow for pulling from multiple locations (API)

The file you will want to start to modify is:MMM-Instagram.js
This is where the magic happens. The other file node_helper.js is used to handle the “packaging” of the information that the module uses to render the images. It is that file that reaches out to instagram and retrieves the images.

In MMM-Instagram.js, you will find a method getDOM. This is where the module is rendering the image by modifying the DOM of the page. It is creating a new DIV and setting up an tag.

I believe, you can start from here.

Thanks!

The module is coded in javascript. I started to use some CSS, but did not spend much time on it.

I focused on just pulling the image and flipping them them on a timer .This was the goal of my project and I met it.

If you want to enhance it, then I am sure you can. I would start by looking at the method that displays the image. This is all done using DOM.

Just an FYI - You do not want to just post your config to the world.

That access token can allow someone to impersonate you now! The config.js contains confidential information for accessing the services our mirrors are using. Refrain from publishing it to the world with out redacting the app ids.

Awesome! Glad to hear we got it all set up! Enjoy the module!

@wjdw87 Based on the code you have provided above, it looks correct. It does not have the tempimpage anywhere.

I did not ask you to delete any code, but somehow the code you were running had tempimage misspelled to tempimpage.

The messages you are showing in the screenshot, are from the core system, but does show that the instagram feed module is running. So there is something else.

To confirm:

1. You cloned the module from github
2. You generated a token for instragram
3. Configured the config.js file, configuration for the module appropriately

Hmm. that tempimpage variable is not found in my code.

Did you modify the code at all? The code should look as below. In the error message it shows tempimpage which is not a valid variable. This would cause the script to not work.

   var tempimage = this.images.photo[this.activeItem];
    
    // image
    var imageLink = document.createElement('div');
    imageLink.id = "MMM-Instagram-image";
    imageLink.innerHTML = "<img src='" + tempimage.photolink + "'>";
    
    imageDisplay.appendChild(imageLink);
    wrapper.appendChild(imageDisplay);

What are you guys seeing in the console log? If you are not anything… then I will have to send you a version of the module with debug comments in it to see where the issue is.

FYI - I had a similar issue with the Module for Traffic and never solved it. It just sat on Loading…

The config looks good.

PhilReis - were you ever able to get this resolved?

I just started up my mirror again and the instagram module loaded up correctly.

Are you use that you have configured the token correctly?

Additionally, install a tool like firebug on your browser and try to access the mirror using the browser. Then enable firebug. It will have error messages or plugin messages written to the console.

If the plugin gets images and starts to display them, you will get console entries such as: incrementing the activeItem and refreshing