youaremysunshine youaremysunshine - 6 months ago 36
jQuery Question

To pull instagram photo to website

I learned this from a forum but it didnt work for me. The photo didnt show up only the header.

Anyone can help me in this?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-instagram/0.2.2/jquery.instagram.min.js"></script>
<title>Instagram Demo</title>

</head>

<body>

<h1>jQuery Instagram demo</h1>

<div class="instagram"></div>
<script type="text/javascript">
$(".instagram").instagram({
userId: '0ce2a8c0d92248cab8d2a9d024f7f3ca',
accessToken: '34834147.0ce2a8c.92d5a4d1d326438fb063a31b63e208a2',
image_size: 'standard_resolution',
});
</script>


</body>
</html>


Thanks!

Answer

Instafeed.js is a dead-simple way to add Instagram photos to your website. No jQuery required, just plain 'ol javascript

<script type="text/javascript">
    var feed = new Instafeed({
        get: 'tagged',
        tagName: 'awesome',
        clientId: 'YOUR_CLIENT_ID'
    });
    feed.run();
</script>

Check this link INSTAFEED

Made a Insta demo for you