Skip to content

thinkphp/moo-instagram

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Instagram Plugin MooTools

Screenshot

How to use

Include the latest version MooTools Framework, then .js into the page:

##Example

#JS
<script src="https://ajax.googleapis.com/ajax/libs/mootools/1.5.2/mootools.min.js"></script>
<script type="text/javascript" src="moo-instagram-min.js"></script>
<script type="text/javascript" src="MooTools-More-1.5.2.js"></script>

window.addEvent('domready', function() {

      var clientId = 'your-clientId';

                            new Instagram('photos',{clientId : clientId, 
                                                    count    : 10,
                                                    hash     : 'vamaveche'
                            })

                            new Instagram('photos2',{clientId : clientId, 
                                                    count    : 10,
                                                    location: {id: 514276}
                            })

                            new Instagram('photos3',{clientId : clientId, 
                                                    count    : 10,
                                                    search: { lat: 48.858844, lng: 2.294351 }
                            })


});


#HTML

<div class="pure-g">                 
            <p>tagged #vamaveche</p>
            <div class="pure-u-1-4" id="photos">
            Loading...
            </div>
            <p>location: 514276</p>
            <div class="pure-u-1-4" id="photos2">
            Loading...
            </div>
            <p>lat = 48.858844 lng = 2.294351)</p>
            <div class="pure-u-1-4" id="photos3">
            Loading...
            </div>
</div>

About

Select and Show a list of Instagram Photos based on MooTools 1.5.2

Resources

Stars

Watchers

Forks

Packages

No packages published