Здравствуйте! Вставил связку instafeed + fancybox в сайт созданный в Adobe Muse
http://emiliob.com.au . На PC и Apple desktop, Android смартфонах все работает, а вот на iphone в консоль выдает:
Uncaught TypeError: Failed to execute 'removeChild' on 'Node': parameter 1 is not of type 'Node'. instafeed.min.js:2 и fancybox не срабатывает (просто открывает картинку).
$.noConflict();
jQuery(document).ready(function ($) {
function mediaCount() {
var user_id = "xxx";
var access_token = "xxxxxx";
var url = "https://api.instagram.com/v1/users/" + user_id + "?access_token=" + access_token + "&callback=?";
$.getJSON(url, function (data) {
$('.followers').prepend(data.data.counts.followed_by.toString());
});
}
mediaCount();
function followerCount() {
var user_id = "479910833";
var access_token = "479910833.22158ad.fdf11121fb1147b8b7183f3a881e9b72";
var url = "https://api.instagram.com/v1/users/" + user_id + "?access_token=" + access_token + "&callback=?";
$.getJSON(url, function (data) {
$('.following').prepend(data.data.counts.follows.toString());
});
}
followerCount();
function postCount() {
var user_id = "479910833";
var access_token = "479910833.22158ad.fdf11121fb1147b8b7183f3a881e9b72";
var url = "https://api.instagram.com/v1/users/" + user_id + "?access_token=" + access_token + "&callback=?";
$.getJSON(url, function (data) {
$('.media').prepend(data.data.counts.media.toString());
});
}
postCount();
var feed = new Instafeed({
get: 'tagged',
tagName: 'emiliobphotography',
clientId: '22158ad33a064e6fa274e0a16187be26',
userId: '479910833',
accessToken: '479910833.22158ad.fdf11121fb1147b8b7183f3a881e9b72',
limit: 15,
resolution: 'standard_resolution',
template: '<a rel="group" class="fancybox" href="{{image}}" title="{{caption}}"><img src="{{image}}"/><div><i class="fa fa-heart-o"></i> {{likes}} <i class="fa fa-comment-o"></i> {{comments}}</div></a>',
after: function () {
var images = $("#instafeed a").fancybox({
'titlePosition': 'inside'
});
$.each(images, function (index, image) {
var delay = (index * 75) + 'ms';
$(image).css('-webkit-animation-delay', delay);
$(image).css('-moz-animation-delay', delay);
$(image).css('-ms-animation-delay', delay);
$(image).css('-o-animation-delay', delay);
$(image).css('animation-delay', delay);
$(image).addClass('animated flipInX');
});
},
});
feed.run();
});
Прошу помощи, уже неделю фильтрую интернет на эту тему.
