MMM-Instagram - Pull and animate photos from Instagram feed

kapsolas

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.

A Former User

@kapsolas said in MMM-Instagram - Pull and animate photos from Instagram feed:

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.

Hi there @kapsolas (not faulting the module at all in the slightest, just trying to get bearing’s (love the module btw), thank’s on the head’s up, Q any particular files that should pay attention too?
Once again thanks.

kapsolas

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!

Jeff

@yo-less
Thanks for your work, but you had a spelling and ; mistakes on the github upload.
e.g.: imageWrapper.src = tempimpage.photolink;

I got rid of them.
https://github.com/jeffjoe/MMM-Instagram

lucallmon

This post is deleted!

BonkingElephant

This post is deleted!

Yurick

Hi, this is really nice module, the only problem is it doesn’t update photos from instagram. I managed to make it work properly using setInterval for grabPhotos function AND storing url in a new variable which I used in sendSocketNotification (this.url somehow works only at the first iteraction, then it overwrited by something). Since I could not find the real problem, my code looks ugly but still works. Now it takes couple minutes to display a just taken picture on a mirror.

schnibel

Hi all,
Just a message to share what I did.
I tried to find out why I wasn’t able to display my images using different MMM-Instagram modules (I tried with @kapsolas ’ initial module and yo-less’ and jeffjoe’s forks).
It took me a lot of time to understand it wasn’t compatible with MMM-ProfileSwitcher module (https://github.com/tosti007/MMM-ProfileSwitcher)

If ever you have the same problem, here is a workaround (done from the last JeffJoe’s fork - https://github.com/jeffjoe/MMM-Instagram, but also works with @kapsolas’ one)
So, in MMM-Instagram.js, you just have to comment the line :

this.info.classes = 'bright medium';
-->
//this.info.classes = 'bright medium';

Indeed, it is overwriting a variable that is also used in MMM-ProfileSwitcher. (See in GitHub ProfileSwitcher description, just before the section “Current Supported Languages”. I know it’s not exactly the same thing, but the idea is the same)
I’m not going to create a new fork for this, so guys, I let you manage this.

BTW, yo-less’ fork is still bugged… there is a tempimpage variable instead of temp image
Thanks for the module

zeular

Hi, I would like to get pictures from two APIs in same module. Is it possible?

kapsolas

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