instagram image feed on your website

template.php

<div class="instram-container">
<?php
$user_id = "xxxxxxxxxx"; //userid
$num_to_display = "8"; //instagram limits to max 20, but you can do less for your layout.
$access_token = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"; // access token
?>
<div class="instagram-block"></div>
<script type="text/javascript">
$(function() {
$.ajax({
type: "GET",
dataType: "jsonp",
cache: false,
url: "https://api.instagram.com/v1/users/<?=$user_id?>/media/recent/?access_token=<?=$access_token?>",
success: function(data) {
for (var i = 0; i < <?=$num_to_display?>; i++) {
$(".instagram-block").append("<ul><li><a target='_blank' href='" + data.data[i].link +"'><img height='227' width='242' class='instagram-image' src='" + data.data[i].images.low_resolution.url +"' /></a></li></ul>");} 
}
});});
</script> 
<div class="clear"></div>
</div>