Best jQuery Instagram Plugins & Tutorials with Demo

    Building Instagram Photo Search Engine With jQuery And PHP

    Building Instagram Photo Search Engine With jQuery And PHP

    In this tutorial I want to explain how we can build a similar instant search web application. Instead of pulling images from Google we can use Instagramwhich has grown tremendously in just a few short years.

    This social network started off as a mobile app for iOS. Users could take photos and share them with their friends, leave comments, and upload to 3rd party networks such as Flickr. The team was recently acquired by Facebook and had published a brand new app for the Android Market. Their userbase has grown tremendously, and now developers can build amazing mini-apps just like this instasearch demo.

    SpectragramJS : An Instagram API plugin for jQuery

    SpectragramJS : An Instagram API plugin for jQuery

    spectragram.js is a jQuery plugin using the Instagram API to fetch and display user, popular or tags photo feeds inside a list or any container you define.

    Features:

    • Get the most recent media published by a user, the most popular media at the moment, or recently tagged media from Instagram API
    • Display the results on list items or any other HTML tag you define
    • Define the size of the pictures (small, medium, big)
    • Use your own Instagram application ClientID and AccessToken

    jQuery Instagram SlideShow Plugin

    jQuery Instagram SlideShow Plugin

    Features:

    • CSS3 driven animation.
    • Auto delay slideshow, hove to pause.
    • Optional link of the image.
    • Optional loop of the photo stack.
    • Optional display numbers.

    Making a jQuery Page Flip Magazine with turn.js

    Making a jQuery Page Flip Magazine with turn.js

    In this tutorial we are going to use PHP and the turn.js plugin, an implementation of the page flip effect with pure CSS3 and jQuery, to build a pretty magazine. We will fetch the most popular images from Instagram every hour, and use them as pages.

    jQuery Randomly Rotating Image Gallery – Mosaiqy

    jQuery Randomly Rotating Image Gallery – Mosaiqy

    Mosaiqy is a jQuery plugin for presenting images in a Mosaic-like grid interface.The images are displayed inside randomly moving columns and rows where CSS3 transitions are used for the animations.Once a thumbnail is clicked, the original version is loaded inside the grid with a nice slideIn/Out effect.

    It retrieves images from a JSON/JSONP data source which makes integrating with image hosting services pretty easy and there are already demos for Flickr, Instagram and Panoramio.