Glasgow 2014 on Instagram

Check out some of the best pics from the Opening Ceremony from Instagram

Published 24th Jul 2014



#instaContainer {
width:100%;
}
#instafeed {
margin:0 auto;
}

#instafeed img{
width:20%;
}

.loadMoreInstagram {
-moz-box-shadow:inset 0px 1px 0px 0px #abdaeb;
-webkit-box-shadow:inset 0px 1px 0px 0px #abdaeb;
box-shadow:inset 0px 1px 0px 0px #afafaf;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6f97b6), color-stop(1, #3f729b) );
background:-moz-linear-gradient( center top, #6f97b6 5%, #3f729b 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f97b6', endColorstr='#3f729b');
background-color:#6f97b6;

text-indent:0;
border:1px solid #00659c;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:24px;
font-weight:bold;
font-style:normal;
height:50px;
line-height:50px;
width:80%;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #002182;
margin:25px 10%;
}
.loadMoreInstagram:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f729b), color-stop(1, #6f97b6) );
background:-moz-linear-gradient( center top, #3f729b 5%, #6f97b6 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f729b', endColorstr='#6f97b6');
background-color:#00a1e6;
}
.loadMoreInstagram:active {
position:relative;
top:1px;
}
#instafeed-message {
color: #1f527b;
font-family: arial;
margin: 0 auto;
text-align: center;
width: 80%;
}
#mybutton {display:none}

#instafeed img {
margin: 0 0 -3px;
padding: 0;
}



$(document).ready(function() {

var startTime = "07-24-2014";
var tag = "Glasgow2014";

var blocklist= getjson();
var startUnixtime = Date.parse(startTime).getTime()/1000;

$('#instafeed').attr('rel', $("#instafeed img").length);

var myButton = $('#mybutton');
var feed = new Instafeed({
get: 'tagged',
tagName: tag,
clientId: 'a04eed9a4f4d4ccab7ebc8b9581fa175',
filter: function(image) {

if (image.created_time > startUnixtime) {

if ($.inArray(image.user.username, blocklist) == -1) {
return true;
}
else {
return false;
}

}
else {
return false;
}
},
after: function() {
$('#mybutton').show();
if (!this.hasNext()) {
myButton.hide();
}

if ($('#instafeed').attr('rel') == $("#instafeed img").length) {
$('#instafeed-message').html('

No more Images at this time, please check back soon for updates.');
}

}
});

myButton.bind('click', function() {
$('#instafeed').attr('rel', $("#instafeed img").length);
feed.next();
});

feed.run();
});

function getjson() {

var blocklist=[];
$.ajax(
{url: "http://taggallery.bauerweb.co.uk/taggallery/blocklist?callback=11122333",
async:false,
dataType: 'jsonp',
success: function( data ) {
$.each(data, function( key, val ) {
blocklist.push(val);
});
}
});

return blocklist;
}